Return to Snippet

Revision: 5591
at March 18, 2008 03:32 by Alxynia


Initial Code
/* Cleaned CSS: */

        @media screen, print {
                ul#lj-links, ul#lj-summary, ul#user-links {
                        margin: 0;
                        padding: 0;
                }
                hr {
                        display: none;
                }

                html>body {
        
                        background-color: #E6E6E6;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/bg-grey.jpg);
                        background-position: bottom;
                        background-repeat: repeat-x;
                        background-attachment: fixed;
        
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 12px;
                        line-height: 125%;
                        color: #C3FFFF;
                }

                body {
        
                        background-color: #E6E6E6;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/bg-grey.jpg);
                        background-position: bottom;
                        background-repeat: repeat-x;
                        background-attachment: fixed;
        
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 12px;
                        line-height: 125%;
                        color: #C3FFFF;
                        margin-top: 30px;
                }
                a {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        text-decoration: none;
                }
                a:visited { color: #C3FFFF; }
                a:hover, a:visited:hover { color: #83F5F5; text-decoration: underline; }
                a:active { color: #83F5F5; }
                a img { border: none; }
                a.comm {
                        background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat;
                        padding-left: 19px;
                        padding-bottom: 7px;
                }
                a.user {
                        background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat;
                        padding-left: 19px;
                        padding-bottom: 7px;
                }
                p {
                        margin: 5px;
                        padding: 5px;
                }


                form {
                        display: inline;
                        margin-left: 00px;
                        padding: 0px;
                        width: 425px;
                }


                input, select, textarea {
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 80%;
                        color: #C3FFFF;
                        padding: 2px;
                        margin: 3px;
                }

                #container {
                        position: relative;
                        width: 700px;
                        margin: 0 auto;
                        text-align: left;
                }
                html>body #header {
                        position: absolute;
                        margin-top: 65px;
                        margin-left: 5px;
                        z-index: 5;
                        background-color: ;
                }

                #header {
                        position: absolute;
                        margin-top: 50px;
                        margin-left: -180px;
                        z-index: 5;
                        padding: 10px;
                        background-color: ;
                }

                #header h1 {
                        font-family: Arial Black, Arial, Verdana, San-serif;
                        font-size: 250%;
                        color: #FFFFFF;
                }

                #face {
                        position: absolute;
                        width: 117px;
                        height: 103px;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/face.png);
                        background-repeat: no-repeat;
                        z-index: 10;
                        margin-left: 290px;
                        margin-top: -10px;
                }

                html>body #face {
                        position: absolute;
                        width: 117px;
                        height: 103px;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/face.png);
                        background-repeat: no-repeat;
                        z-index: 10;
                        margin-left: 485px;
                        margin-top: 10px;
                }


                #comments h3 img {
                        border: 5px solid #E6E6E6;
                        background-color: #fff;
                }



                #userpicbg {
                        position: relative;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/userpicbg.png);
                        background-repeat: no-repeat;
                        width: 146px;
                        height: 147px;
                        margin-left: 5px;
                }

                html>body #userpicbg img {
                        padding-top: 43px;
                        padding-right: 10px;
                }

                #userpicbg img {
                        padding-top: 23px;
                        padding-right: 10px;
                }

                .ind-entry h3.userpic img {
                        float: left;
                        margin-top: 10px;
                }

                #menu {
                        position: relative;
                        float: left;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 100%;
                        color: #ffffff;
                        padding: 4px;
                        margin-top: 80px;

                }

                #menu-links {
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/menubg.png);
                        background-repeat: no-repeat;
                        margin-left: -10px;
                        margin-top: 5px;
                        width: 148px;
                        height: 175px;
                        padding-left: 30px;
                        padding-top: 3px;
                }

                #link-list {
                        width: 164px;
                        height: 179px;
                }

                #link-list-bg {
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/menubg.png);
                        background-repeat: no-repeat;
                        margin-left: -10px;
                        margin-top: 5px;
                        width: 148px;
                        height: 175px;
                        padding-left: 30px;
                        padding-top: 3px;
                }

                html>body #content {
                        position: relative;
                        margin-top: 5px;
                        margin-left: 160px;
                        width: 532px;
                        z-index: 4;
                }

                #content {
                        position: relative;
                        margin-top: -475px;
                        margin-left: 160px;
                        width: 532px;
                        z-index: 4;
                }

                #entries {
                        position: relative;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/entry-bg.png);
                        background-repeat: repeat-y;
                        width: 558px;

                }

                #entriesbg {
                        position: relative;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/content-header.png);
                        background-position: top left;
                        background-repeat: no-repeat;
                        margin-left: 1px;
                        width: 558px;
                }

                #entries-content {
                        position: relative;
                        padding-top: 130px;
                        width: 532px;
                }

                #menu h2 {
                        margin: 20px 0;
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 120%;
                        color: #ffffff;
                }
                #menu h2.userpic {
                        text-align: center;
                }
                #menu a {
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 80%;
                        color: #A67D4F;
                }
                #menu a:visited { color: #A67D4F; }
                #menu a:hover, #menu a:visited:hover { color: #956938; }
                #menu a:active { color: #A67D4F; }
                #menu ul {
                        margin: 3px;
                        list-style: none;
                }
                #menu ul li {
                        margin: 3px;
                        padding: 2px;
                        list-style: none;
                }
                #menu ul li.active {
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 80%;
                        color: #A67D4F;
                        font-weight: bold;
                }

                #content h2 {
                        margin: 20px 0;
                }
                #entries, #comments {
                        margin: 10px;
                }

                #entrybottom {
                        position: relative;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/entry-bottombg.png);
                        background-repeat: no-repeat;
                        width: 558px;
                        height: 53px;
                        margin-left: 11px;
                        margin-top: -10px;
                }

                #comment-info {
                        background-color: #f7f0f3;
                }

                #comments div.entry-item {
                        padding: 5px;
                }

                #comments div.ind-comment-one {
                        border: 2px solid #E6E6E6;
                        background-color: #ffffff;

                }

                .ljtaglist {
                        margin-left: 10px;
                }

                .ind-entry {
                        width: 440px;
                        border-bottom: 1px solid #cccccc;
                        margin-left: 25px;
                        padding: 10px;
                }
                .ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
                        position: relative;
                        float: right;
                        padding: 5px;
                }
                .ind-entry h2 {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 125%;
                        color: #C3FFFF;
                        margin: 20px 0px;
                        line-height: 140%;
                }
                .ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 80%;
                        color: #C3FFFF;
                }

                .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a {
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        text-decoration: underline;
                }
                .ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited, .ind-comment-screened h4 a:visited { color: #C3FFFF; }
                .ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover { color: #83F5F5; }
                .ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4 a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #83F5F5; }
                .ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active, .ind-comment-screened h4 a:active { color: #C3FFFF; }
                .ind-entry div.entry-item, .ind-entry div.month-entries {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        margin: 15px 0px;
                }
                .ind-entry div.entry-item a, .ind-entry div.month-entries a {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        text-decoration: underline;
                }
                .ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #C3FFFF; }
                .ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #83F5F5; }
                .ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #83F5F5; }
                .ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #C3FFFF; }

                .ind-comment-one, .ind-comment-two, .ind-comment-screened {
                        margin: 10px 0;
                        padding: 5px;
                }
                .ind-comment-screened { background-color: #ffffff; border-bottom: 1px solid #999999; }

                .ind-comment-one h2 {
                        font-family: Georgia, serif;
                        font-size: 130%;
                        color: #C3FFFF;
                        margin: 20px 0px;
                }
                .ind-comment-one div.entry-item {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        margin: 15px 0px;
                }
                .ind-comment-one div.entry-item a {
                        font-family: Georgia, serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        text-decoration: underline;
                }
                .ind-comment-one div.entry-item a:visited { color: #C3FFFF; }
                .ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover { color: #83F5F5; }
                .ind-comment-one div.entry-item a:active { color: #C3FFFF; }


                .ind-comment-screened h2 {
                        font-family: Georgia, serif;
                        font-size: 130%;
                        color: #333333;
                        margin: 20px 0px;
                }
                .ind-comment-screened div.entry-item {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #333333;
                        margin: 10px 0px;
                }
                .ind-comment-screened div.entry-item a {
                        font-family: Georgia, serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        text-decoration: underline;
                }
                .ind-comment-screened div.entry-item a:visited { color: #C3FFFF; }
                .ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #83F5F5; }
                .ind-comment-screened div.entry-item a:active { color: #C3FFFF; }

                #comments {
                        width: 425px;
                        margin-left: 40px;
                }

                .month-entries {
                        margin: 10px 0;
                }
                .month-entries ul {
                        list-style: none;
                        margin: 10px;
                }
                .month-entries ul li {
                        list-style: none;
                        padding: 3px;
                }


                #footer {
                        position: relative;
                        font-family: GTahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                        background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/footerbg.png);
                        background-repeat: no-repeat;
                        width: 521px;
                        height: 107px;
                        margin-top: 20px;
                }
                #footer p {
                        padding-top: 10px;
                        padding-left: 30px;
                        vertical-align: middle;
                }
                #footer a {
                        font-family: Tahoma, Verdana, san-serif;
                        font-size: 100%;
                        color: #C3FFFF;
                }
                #footer a:visited { color: #C3FFFF; }
                #footer a:hover, #footer a:visited:hover { color: #83F5F5; }
                #footer a:active { color: #C3FFFF; }
        }

        @media print {
                #menu {
                        display: none;
                }
                #content {
                        margin-left: 0px;
                }
                #entries, .ind-entry, .ind-comment, #footer, #header {
                        border: none;
                }

        }

Initial URL

                                

Initial Description
N/A

Initial Title
LJ CSS [cubone]

Initial Tags

                                

Initial Language
CSS