Advanced Search

Posted By

Alxynia on 03/18/08

Tagged

Versions (?)

Last Edited at 03/18/08 03:32am

Statistics

Viewed 663 times
Favorited by 0 user(s)

Related snippets

1
basic css
1161
Center a table with CSS
985
Template for blank CSS
931
Raccourci CSS pour Font
809
CSS vertical nav
439
CSS elements heritage
714
CSS background shorthand

LJ CSS [cubone]

/ Published in: CSS
Save to your folder(s)
N/A

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /* Cleaned CSS: */
  2.  
  3.         @media screen, print {
  4.                 ul#lj-links, ul#lj-summary, ul#user-links {
  5.                         margin: 0;
  6.                         padding: 0;
  7.                 }
  8.                 hr {
  9.                         display: none;
  10.                 }
  11.  
  12.                 html>body {
  13.  
  14.                         background-color: #E6E6E6;
  15.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/bg-grey.jpg);
  16.                         background-position: bottom;
  17.                         background-repeat: repeat-x;
  18.                         background-attachment: fixed;
  19.  
  20.                         font-family: Tahoma, Verdana, san-serif;
  21.                         font-size: 12px;
  22.                         line-height: 125%;
  23.                         color: #C3FFFF;
  24.                 }
  25.  
  26.                 body {
  27.  
  28.                         background-color: #E6E6E6;
  29.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/bg-grey.jpg);
  30.                         background-position: bottom;
  31.                         background-repeat: repeat-x;
  32.                         background-attachment: fixed;
  33.  
  34.                         font-family: Tahoma, Verdana, san-serif;
  35.                         font-size: 12px;
  36.                         line-height: 125%;
  37.                         color: #C3FFFF;
  38.                         margin-top: 30px;
  39.                 }
  40.                 a {
  41.                         font-family: Tahoma, Verdana, san-serif;
  42.                         font-size: 100%;
  43.                         color: #C3FFFF;
  44.                         text-decoration: none;
  45.                 }
  46.                 a:visited { color: #C3FFFF; }
  47.                 a:hover, a:visited:hover { color: #83F5F5; text-decoration: underline; }
  48.                 a:active { color: #83F5F5; }
  49.                 a img { border: none; }
  50.                 a.comm {
  51.                         background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat;
  52.                         padding-left: 19px;
  53.                         padding-bottom: 7px;
  54.                 }
  55.                 a.user {
  56.                         background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat;
  57.                         padding-left: 19px;
  58.                         padding-bottom: 7px;
  59.                 }
  60.                 p {
  61.                         margin: 5px;
  62.                         padding: 5px;
  63.                 }
  64.  
  65.  
  66.                 form {
  67.                         display: inline;
  68.                         margin-left: 00px;
  69.                         padding: 0px;
  70.                         width: 425px;
  71.                 }
  72.  
  73.  
  74.                 input, select, textarea {
  75.                         font-family: Verdana, Helvetica, sans-serif;
  76.                         font-size: 80%;
  77.                         color: #C3FFFF;
  78.                         padding: 2px;
  79.                         margin: 3px;
  80.                 }
  81.  
  82.                 #container {
  83.                         position: relative;
  84.                         width: 700px;
  85.                         margin: 0 auto;
  86.                         text-align: left;
  87.                 }
  88.                 html>body #header {
  89.                         position: absolute;
  90.                         margin-top: 65px;
  91.                         margin-left: 5px;
  92.                         z-index: 5;
  93.                         background-color: ;
  94.                 }
  95.  
  96.                 #header {
  97.                         position: absolute;
  98.                         margin-top: 50px;
  99.                         margin-left: -180px;
  100.                         z-index: 5;
  101.                         padding: 10px;
  102.                         background-color: ;
  103.                 }
  104.  
  105.                 #header h1 {
  106.                         font-family: Arial Black, Arial, Verdana, San-serif;
  107.                         font-size: 250%;
  108.                         color: #FFFFFF;
  109.                 }
  110.  
  111.                 #face {
  112.                         position: absolute;
  113.                         width: 117px;
  114.                         height: 103px;
  115.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/face.png);
  116.                         background-repeat: no-repeat;
  117.                         z-index: 10;
  118.                         margin-left: 290px;
  119.                         margin-top: -10px;
  120.                 }
  121.  
  122.                 html>body #face {
  123.                         position: absolute;
  124.                         width: 117px;
  125.                         height: 103px;
  126.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/face.png);
  127.                         background-repeat: no-repeat;
  128.                         z-index: 10;
  129.                         margin-left: 485px;
  130.                         margin-top: 10px;
  131.                 }
  132.  
  133.  
  134.                 #comments h3 img {
  135.                         border: 5px solid #E6E6E6;
  136.                         background-color: #fff;
  137.                 }
  138.  
  139.  
  140.  
  141.                 #userpicbg {
  142.                         position: relative;
  143.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/userpicbg.png);
  144.                         background-repeat: no-repeat;
  145.                         width: 146px;
  146.                         height: 147px;
  147.                         margin-left: 5px;
  148.                 }
  149.  
  150.                 html>body #userpicbg img {
  151.                         padding-top: 43px;
  152.                         padding-right: 10px;
  153.                 }
  154.  
  155.                 #userpicbg img {
  156.                         padding-top: 23px;
  157.                         padding-right: 10px;
  158.                 }
  159.  
  160.                 .ind-entry h3.userpic img {
  161.                         float: left;
  162.                         margin-top: 10px;
  163.                 }
  164.  
  165.                 #menu {
  166.                         position: relative;
  167.                         float: left;
  168.                         font-family: Verdana, Helvetica, sans-serif;
  169.                         font-size: 100%;
  170.                         color: #ffffff;
  171.                         padding: 4px;
  172.                         margin-top: 80px;
  173.  
  174.                 }
  175.  
  176.                 #menu-links {
  177.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/menubg.png);
  178.                         background-repeat: no-repeat;
  179.                         margin-left: -10px;
  180.                         margin-top: 5px;
  181.                         width: 148px;
  182.                         height: 175px;
  183.                         padding-left: 30px;
  184.                         padding-top: 3px;
  185.                 }
  186.  
  187.                 #link-list {
  188.                         width: 164px;
  189.                         height: 179px;
  190.                 }
  191.  
  192.                 #link-list-bg {
  193.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/menubg.png);
  194.                         background-repeat: no-repeat;
  195.                         margin-left: -10px;
  196.                         margin-top: 5px;
  197.                         width: 148px;
  198.                         height: 175px;
  199.                         padding-left: 30px;
  200.                         padding-top: 3px;
  201.                 }
  202.  
  203.                 html>body #content {
  204.                         position: relative;
  205.                         margin-top: 5px;
  206.                         margin-left: 160px;
  207.                         width: 532px;
  208.                         z-index: 4;
  209.                 }
  210.  
  211.                 #content {
  212.                         position: relative;
  213.                         margin-top: -475px;
  214.                         margin-left: 160px;
  215.                         width: 532px;
  216.                         z-index: 4;
  217.                 }
  218.  
  219.                 #entries {
  220.                         position: relative;
  221.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/entry-bg.png);
  222.                         background-repeat: repeat-y;
  223.                         width: 558px;
  224.  
  225.                 }
  226.  
  227.                 #entriesbg {
  228.                         position: relative;
  229.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/content-header.png);
  230.                         background-position: top left;
  231.                         background-repeat: no-repeat;
  232.                         margin-left: 1px;
  233.                         width: 558px;
  234.                 }
  235.  
  236.                 #entries-content {
  237.                         position: relative;
  238.                         padding-top: 130px;
  239.                         width: 532px;
  240.                 }
  241.  
  242.                 #menu h2 {
  243.                         margin: 20px 0;
  244.                         font-family: Tahoma, Verdana, san-serif;
  245.                         font-size: 120%;
  246.                         color: #ffffff;
  247.                 }
  248.                 #menu h2.userpic {
  249.                         text-align: center;
  250.                 }
  251.                 #menu a {
  252.                         font-family: Verdana, Helvetica, sans-serif;
  253.                         font-size: 80%;
  254.                         color: #A67D4F;
  255.                 }
  256.                 #menu a:visited { color: #A67D4F; }
  257.                 #menu a:hover, #menu a:visited:hover { color: #956938; }
  258.                 #menu a:active { color: #A67D4F; }
  259.                 #menu ul {
  260.                         margin: 3px;
  261.                         list-style: none;
  262.                 }
  263.                 #menu ul li {
  264.                         margin: 3px;
  265.                         padding: 2px;
  266.                         list-style: none;
  267.                 }
  268.                 #menu ul li.active {
  269.                         font-family: Verdana, Helvetica, sans-serif;
  270.                         font-size: 80%;
  271.                         color: #A67D4F;
  272.                         font-weight: bold;
  273.                 }
  274.  
  275.                 #content h2 {
  276.                         margin: 20px 0;
  277.                 }
  278.                 #entries, #comments {
  279.                         margin: 10px;
  280.                 }
  281.  
  282.                 #entrybottom {
  283.                         position: relative;
  284.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/entry-bottombg.png);
  285.                         background-repeat: no-repeat;
  286.                         width: 558px;
  287.                         height: 53px;
  288.                         margin-left: 11px;
  289.                         margin-top: -10px;
  290.                 }
  291.  
  292.                 #comment-info {
  293.                         background-color: #f7f0f3;
  294.                 }
  295.  
  296.                 #comments div.entry-item {
  297.                         padding: 5px;
  298.                 }
  299.  
  300.                 #comments div.ind-comment-one {
  301.                         border: 2px solid #E6E6E6;
  302.                         background-color: #ffffff;
  303.  
  304.                 }
  305.  
  306.                 .ljtaglist {
  307.                         margin-left: 10px;
  308.                 }
  309.  
  310.                 .ind-entry {
  311.                         width: 440px;
  312.                         border-bottom: 1px solid #cccccc;
  313.                         margin-left: 25px;
  314.                         padding: 10px;
  315.                 }
  316.                 .ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
  317.                         position: relative;
  318.                         float: right;
  319.                         padding: 5px;
  320.                 }
  321.                 .ind-entry h2 {
  322.                         font-family: Tahoma, Verdana, san-serif;
  323.                         font-size: 125%;
  324.                         color: #C3FFFF;
  325.                         margin: 20px 0px;
  326.                         line-height: 140%;
  327.                 }
  328.                 .ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
  329.                         font-family: Verdana, Helvetica, sans-serif;
  330.                         font-size: 80%;
  331.                         color: #C3FFFF;
  332.                 }
  333.  
  334.                 .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a {
  335.                         font-family: Verdana, Helvetica, sans-serif;
  336.                         font-size: 100%;
  337.                         color: #C3FFFF;
  338.                         text-decoration: underline;
  339.                 }
  340.                 .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; }
  341.                 .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; }
  342.                 .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; }
  343.                 .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; }
  344.                 .ind-entry div.entry-item, .ind-entry div.month-entries {
  345.                         font-family: Tahoma, Verdana, san-serif;
  346.                         font-size: 100%;
  347.                         color: #C3FFFF;
  348.                         margin: 15px 0px;
  349.                 }
  350.                 .ind-entry div.entry-item a, .ind-entry div.month-entries a {
  351.                         font-family: Tahoma, Verdana, san-serif;
  352.                         font-size: 100%;
  353.                         color: #C3FFFF;
  354.                         text-decoration: underline;
  355.                 }
  356.                 .ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #C3FFFF; }
  357.                 .ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #83F5F5; }
  358.                 .ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #83F5F5; }
  359.                 .ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #C3FFFF; }
  360.  
  361.                 .ind-comment-one, .ind-comment-two, .ind-comment-screened {
  362.                         margin: 10px 0;
  363.                         padding: 5px;
  364.                 }
  365.                 .ind-comment-screened { background-color: #ffffff; border-bottom: 1px solid #999999; }
  366.  
  367.                 .ind-comment-one h2 {
  368.                         font-family: Georgia, serif;
  369.                         font-size: 130%;
  370.                         color: #C3FFFF;
  371.                         margin: 20px 0px;
  372.                 }
  373.                 .ind-comment-one div.entry-item {
  374.                         font-family: Tahoma, Verdana, san-serif;
  375.                         font-size: 100%;
  376.                         color: #C3FFFF;
  377.                         margin: 15px 0px;
  378.                 }
  379.                 .ind-comment-one div.entry-item a {
  380.                         font-family: Georgia, serif;
  381.                         font-size: 100%;
  382.                         color: #C3FFFF;
  383.                         text-decoration: underline;
  384.                 }
  385.                 .ind-comment-one div.entry-item a:visited { color: #C3FFFF; }
  386.                 .ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover { color: #83F5F5; }
  387.                 .ind-comment-one div.entry-item a:active { color: #C3FFFF; }
  388.  
  389.  
  390.                 .ind-comment-screened h2 {
  391.                         font-family: Georgia, serif;
  392.                         font-size: 130%;
  393.                         color: #333333;
  394.                         margin: 20px 0px;
  395.                 }
  396.                 .ind-comment-screened div.entry-item {
  397.                         font-family: Tahoma, Verdana, san-serif;
  398.                         font-size: 100%;
  399.                         color: #333333;
  400.                         margin: 10px 0px;
  401.                 }
  402.                 .ind-comment-screened div.entry-item a {
  403.                         font-family: Georgia, serif;
  404.                         font-size: 100%;
  405.                         color: #C3FFFF;
  406.                         text-decoration: underline;
  407.                 }
  408.                 .ind-comment-screened div.entry-item a:visited { color: #C3FFFF; }
  409.                 .ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #83F5F5; }
  410.                 .ind-comment-screened div.entry-item a:active { color: #C3FFFF; }
  411.  
  412.                 #comments {
  413.                         width: 425px;
  414.                         margin-left: 40px;
  415.                 }
  416.  
  417.                 .month-entries {
  418.                         margin: 10px 0;
  419.                 }
  420.                 .month-entries ul {
  421.                         list-style: none;
  422.                         margin: 10px;
  423.                 }
  424.                 .month-entries ul li {
  425.                         list-style: none;
  426.                         padding: 3px;
  427.                 }
  428.  
  429.  
  430.                 #footer {
  431.                         position: relative;
  432.                         font-family: GTahoma, Verdana, san-serif;
  433.                         font-size: 100%;
  434.                         color: #C3FFFF;
  435.                         background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/footerbg.png);
  436.                         background-repeat: no-repeat;
  437.                         width: 521px;
  438.                         height: 107px;
  439.                         margin-top: 20px;
  440.                 }
  441.                 #footer p {
  442.                         padding-top: 10px;
  443.                         padding-left: 30px;
  444.                         vertical-align: middle;
  445.                 }
  446.                 #footer a {
  447.                         font-family: Tahoma, Verdana, san-serif;
  448.                         font-size: 100%;
  449.                         color: #C3FFFF;
  450.                 }
  451.                 #footer a:visited { color: #C3FFFF; }
  452.                 #footer a:hover, #footer a:visited:hover { color: #83F5F5; }
  453.                 #footer a:active { color: #C3FFFF; }
  454.         }
  455.  
  456.         @media print {
  457.                 #menu {
  458.                         display: none;
  459.                 }
  460.                 #content {
  461.                         margin-left: 0px;
  462.                 }
  463.                 #entries, .ind-entry, .ind-comment, #footer, #header {
  464.                         border: none;
  465.                 }
  466.  
  467.         }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.