SHARE
TWEET

Untitled

a guest May 22nd, 2012 690 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* CREDIT fit @ dreamwidth */
  2.  
  3. /* main layout */
  4.  
  5.         body {
  6. background: url(http://i.imgur.com/5VlYn.png);
  7. }
  8.  
  9. a, a:link, a:visited {
  10.         text-decoration: none;
  11.         color: #000;
  12.         }
  13.  
  14.  
  15. blockquote {
  16.         background: url(http://i.imgur.com/ecUCq.png);
  17.         font-size: 10px;
  18.         width: 250px;
  19.         padding-left: 10px;
  20.         padding-right: 10px;
  21.         padding-bottom: 10px;
  22.         margin-left: -2px;
  23.         }
  24.  
  25.  
  26. #content {     
  27.         width: 700px;
  28.         margin-right: auto;
  29.         margin-left: auto;     
  30.         margin-bottom: auto;
  31.         background-color: transparent;
  32.         }
  33.  
  34.  
  35. #maincontent {         
  36.         background: transparent;
  37.         border-right: 0px #f7f7f7 solid;
  38.         margin-right: auto;
  39.         margin-left: auto;
  40.         margin-top: 30px;
  41.                 }
  42.  
  43.  
  44.  
  45. #sidebar {
  46.         background:  url(http://i.imgur.com/0CnXF.png);
  47.         float: top;
  48.         margin-top: 40px;
  49.         width: 700px;
  50.         height: 60px;
  51.        -moz-border-radius: 4px;
  52.        -webkit-border-radius: 4px;
  53.        -khtml-border-radius: 4px;
  54.       }
  55.  
  56.  
  57.         #header {              
  58.         display: none;
  59.         }
  60.  
  61.  
  62. #footer {                      
  63.  
  64.         width: 700px;
  65.         padding: 5px;
  66.         font-family: courier new;
  67.         font-size: 16px;
  68.         background: transparent;
  69.         color: #000;   
  70.         text-transform: uppercase;
  71.         text-align: center;
  72.         }
  73.  
  74.  
  75.         /* header -- links to views; title of journal; subtitle of journal */  
  76.  
  77.  
  78.  
  79. ul.navheader { 
  80.         padding: 0px;  
  81.         margin: 0px;
  82.         }
  83.  
  84.  
  85.  
  86. ul.navheader li  {
  87.         display:inline;                
  88.         padding: 0 10px 0 0px;
  89.         }
  90.  
  91. .title, .subtitle {
  92.         display:none;
  93.         }
  94.  
  95.         /* sidebar */  
  96.  
  97. .defaultuserpic {
  98.         display: none;
  99.         }
  100.  
  101. .defaultuserpic img {
  102.         display: none;
  103.  }
  104.  
  105. .sbarheader {
  106.         padding: 0px;
  107.         }
  108.  
  109.  
  110. .sbarbody {
  111.         padding: 0px;  
  112.         }
  113.  
  114.  
  115. .sbarbody2 {
  116.         display: none;
  117.         }
  118.  
  119.  
  120. table.calendar {
  121.         display:none;
  122.         }
  123.  
  124.  
  125. .sbarcalendar {
  126.         display:none;
  127.  
  128.         }
  129.  
  130. .sbarcalendarposts {
  131.         display:none;
  132.         }
  133.  
  134. ul.sbarlist{
  135.         position: absolute;
  136.         top: 93px;
  137.         background: transparent;
  138.         align: center;
  139.         margin-left: 20px;
  140.         }
  141.  
  142.  
  143. div#sidebar a {
  144.        color: #fff;
  145.        }
  146.  
  147. div#sidebar a:hover, div#sidebar li.sbaritem:hover a{
  148.        color: #000;
  149.         }
  150.  
  151.  
  152. li.sbaritem{   
  153.         display: inline;
  154.         background: url(http://i.imgur.com/0CnXF.png);
  155.         padding-top: 5px;
  156.         padding-left: 10px;
  157.         padding-right: 10px;
  158.         margin-right: 20px;
  159.         color: #fff!important;
  160.         font-size: 25px;
  161.         font-family: courier new;
  162.         text-transform: uppercase;
  163.        -moz-border-radius: 4px;
  164.        -webkit-border-radius: 4px;
  165.        -khtml-border-radius: 4px;
  166.        -webkit-transition: all 0.5s ease;
  167.        -moz-transition: all 0.5s ease;
  168.        -o-transition: all 0.5s ease;
  169. }
  170.  
  171. li.sbaritem:hover{
  172.        color: #000;
  173.        background: url(http://i.imgur.com/MV2an.png);
  174.        padding-top: 20px;
  175.        padding-bottom: 20px;
  176.       -moz-border-radius: 0px;
  177.       -webkit-border-radius: 0px;
  178.       -khtml-border-radius: 0px;
  179.         }
  180.  
  181.  
  182. li.sbartitle{
  183.         padding-left: 0px;
  184.         margin-left: 0px;      
  185.         display: none;
  186.         }
  187.  
  188.  
  189.         /* maincontent */      
  190.  
  191. .subcontent {
  192.         background: transparent;
  193.         padding: 20px;
  194.         }
  195.  
  196.  
  197. .entry  {
  198.         background: #fff;
  199.         color: #000;
  200.         font-family: georgia;
  201.         font-size: 11px;
  202.         line-height: 10px;
  203.         text-align: justify;
  204.         padding: 30px;
  205.         }
  206.  
  207.  
  208.  
  209. .entry img {
  210.         max-width: 250px;
  211.         }
  212.  
  213.  
  214.  .entry ul li {
  215.         padding-left: 5px;
  216.         margin-left: 15px;
  217.         }
  218.  
  219.  .entry ol li {
  220.         padding-left: 5px;
  221.         margin-left: 15px;
  222.         }
  223.  
  224.  
  225.  
  226. .userpic, .userpicfriends {
  227.         background: transparent!important;
  228.         float: right;
  229.         margin-top: -30px;
  230.         margin-right: 0px;
  231.         padding: 10px;
  232.         color: #fff;
  233.         font-family: century gothic;
  234.         font-size: 0px;
  235. }
  236.  
  237. .userpic img:hover, .userpicfriends img:hover {
  238.  
  239. -webkit-transform: rotate(-90deg);
  240. -moz-transform: rotate(-90deg);
  241. height: 100px;
  242. width: 100px;
  243. }
  244.  
  245. .userpicfriends font, .userpic font {
  246.         display: none!important;
  247.         height: 0px;
  248.         width: 0px;
  249.         font-size: 0px;
  250.         }
  251.  
  252.  
  253. .userpicfriends img, .userpic img {
  254.         height: 50px;
  255.         width: 50px;
  256.         -moz-border-radius: 50px;
  257.         -webkit-border-radius: 50px;
  258.         -kthml-border-radius: 50px;
  259.        -webkit-transition: all 0.9s ease;
  260.        -moz-transition: all 0.9s ease;
  261.        -o-transition: all 0.9s ease;
  262.         }
  263.  
  264. .date {        
  265.         font-family: courier new;
  266.         float: left;
  267.         text-transform: uppercase;
  268.         font-size: 20px;
  269.         width: 100px;
  270.         margin-left: -120px;
  271.         letter-spacing: -1px;
  272.         line-height: 17px;
  273.         }
  274.  
  275.  
  276. .subject, h2 {         
  277.         margin-left: 25px;
  278.         text-align: left;
  279.         font-family: century gothic;
  280.         font-weight: bold;
  281.         font-size: 28px;
  282.         letter-spacing: -2px;
  283.         text-transform: uppercase;
  284.         background: transparent;
  285.         }
  286.  
  287. .subject a:link, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited {
  288.          color: #000;      
  289.         -webkit-transition: all 0.5s ease;
  290.         -moz-transition: all 0.5s ease;
  291.         -o-transition: all 0.5s ease;
  292. }
  293.  
  294. .subject a:link:hover {
  295.          margin-left: 10px;
  296.        
  297. }
  298.  
  299. .datesubject {         
  300.         }
  301.  
  302.  
  303. .currents {
  304.         margin-top: 10px;
  305.         margin-bottom: -10px;
  306.         text-transform: uppercase;
  307.         color: #000;
  308.         font-size: 10px;
  309.         line-height: 10px;
  310.         font-family: georgia;
  311.         font-style: italic;
  312.         text-align: left;
  313.         padding-bottom: 2px;
  314.                 }
  315.  
  316.  
  317. .ljtags {
  318.         text-transform: uppercase;
  319.         font-size: 10px;
  320.         color: #000;
  321.         font-family: georgia;
  322.         font-style: italic;
  323.         margin-top: 10px;
  324.         margin-bottom: -10px;
  325.         text-align: left;
  326.        
  327.         }
  328.  
  329.  
  330. .ljtags a {
  331.         color: #000;
  332. }
  333.  
  334.  
  335. .comments {
  336.         padding-top: 10px;
  337.         margin-bottom: -15px;
  338.         font-family: georgia;
  339.         font-style: italic;
  340.         font-size: 10px;
  341.         text-transform: uppercase;
  342.         text-align: left;
  343.         color: #000;
  344.        -webkit-transition: all 0.5s ease;
  345.        -moz-transition: all 0.5s ease;
  346.        -o-transition: all 0.5s ease;
  347.         }
  348.  
  349. .comments:hover {
  350.         margin-left: 5px;
  351. }
  352.  
  353.  
  354.  
  355.         /* maincontent -- year/archive pages */
  356.  
  357.  
  358. ul.year {
  359.         text-align: center;
  360.         padding-bottom: 5px;
  361.         }
  362.  
  363.  
  364.  
  365. ul.year li {
  366.         display: inline;               
  367.         }
  368.  
  369.  
  370.  
  371. table.yeartable {
  372.         margin-left: auto;
  373.         margin-right: auto;
  374.         }
  375.  
  376.  
  377.  
  378. table.yeartable td.yeardate, table.yeartable td.yearday {
  379.         border-width: 0px;
  380.         border-style: solid;
  381.         border-color: #999999;
  382.         }
  383.  
  384.  
  385. table.yeartable td.yearday {
  386.         background-color: #eeeeee;
  387.         text-align: center;
  388.         }
  389.  
  390.  
  391. td.yearmonth {
  392.         border-style: none;
  393.         }
  394.  
  395.  
  396.  
  397.  
  398.         /* footer */
  399.  
  400. ul.navfooter{
  401.         padding: 0px;  
  402.         margin: 0px;
  403.         }
  404.  
  405.  
  406.  
  407. ul.navfooter li  {
  408.         display: inline;       
  409.         margin: 0 5px 0 5px;
  410.         }
  411.  
  412.  
  413.  
  414. .clearfoot {           
  415.         clear: both;
  416.         }
  417.  
  418.  
  419.  
  420.  
  421.         /* misc  */
  422.  
  423.  
  424.  
  425. .ljtaglist {
  426.         list-style-type: none;
  427.         padding: 10px;
  428.         background-color: #ffffff;
  429.         font-family: lucida console;
  430.         font-size: 9px;
  431.         text-align: left;
  432.         }
  433.  
  434.  
  435. .clear {               
  436.         height: 0px;
  437.         }
  438.  
  439.  
  440.  
  441. .skiplinks {
  442.         text-align: center;
  443.         }
  444.  
  445. .separator{
  446.         margin-top: -30px!important;
  447.         }
  448.  
  449.  
  450.  
  451. /* replace default ljuser icon */
  452.  
  453.  
  454.  
  455.         img[src*="s.dreamwidth.org/img/silk/identity/user.png"], img[src*="s.dreamwidth.org/img/silk/identity/user.png"], img[src*="s.dreamwidth.org/img/silk/identity/user.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  456.  
  457.  
  458.  
  459. background: transparent url(http://i.imgur.com/97lkv.png) no-repeat; padding: 16px 3px 3px 16px !important; }
  460.  
  461.  
  462.         img[src*="s.dreamwidth.org/img/silk/identity/community.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  463.  
  464.  
  465. background: transparent url(http://i.imgur.com/uIbgW.png) no-repeat; padding: 16px 3px 3px 16px !important; }
  466.  
  467. div.ContextualPopup .Content {
  468.  
  469.          padding: 5px;
  470.          background: #fdfdfd!important;
  471.          border: 0px;
  472.          }
  473.  
  474. div.ContextualPopup div.Inner {
  475.  
  476.           background: #fff!important;
  477.           color: #000!important;
  478.           font-family: tahoma;
  479.           text-transform: uppercase;
  480.           border: 0px;
  481.           }
  482.  
  483.  
  484. div.ContextualPopup .Userpic {
  485.  
  486.            padding: 10px;
  487.            background: #fdfdfd;
  488.            }
  489.  
  490.  
  491.  
  492. div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
  493.  
  494.            text-decoration: none!important;
  495.            font-weight: normal;
  496.            color:#000!important;
  497.            font-size: 10px;
  498.            }
  499.  
  500. div.ContextualPopup div.Inner a:hover }
  501. color:#fff!important;
  502. background-color: #fdfdfd;
  503. text-transform: uppercase;
  504.  
  505. }
  506.  
  507. #lj_controlstrip {
  508. background:#ffaaa6 none repeat scroll 0 0;
  509. text-transform: uppercase;
  510.  
  511. }
  512.  
  513. #lj_controlstrip td {
  514. border-bottom:medium none;
  515. border-right:0px solid #151515;
  516. color:#000;
  517. text-transform: uppercase;
  518.  
  519. }
  520.  
  521. #lj_controlstrip_statustext {
  522. color:#000;
  523. font-weight: bold!important;
  524. font-family: courier new;
  525. text-transform: uppercase;
  526. }
  527.  
  528. #lj_controlstrip a {
  529. color:#000;
  530. font-family: courier new;
  531. text-transform: uppercase;
  532. text-transform: bold;
  533.  
  534. }
  535.  
  536. #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
  537.  
  538. border-right:0 none;
  539.  
  540. }
  541.  
  542. #lj_controlstrip_login td {
  543.  
  544. border-bottom:0 none;
  545.  
  546. }
  547.  
  548. #lj_controlstrip td td {
  549.  
  550. border-bottom:0 none;
  551.  
  552. }
  553.  
  554. #lj_controlstrip_userpic {
  555.  
  556. background-image: none;
  557.  
  558. }
  559.  
  560. #lj_controlstrip_loggedout_userpic {
  561.  
  562. background-image: none;
  563.  
  564. }
  565.  
  566. #lj_controlstrip input {
  567. background: #fdfdfd none repeat scroll 0 0 !important;
  568. border:medium none;
  569. color:#000!important;
  570. text-weight: bold!important;
  571. font-family: courier new;
  572. text-transform: uppercase;
  573.  
  574. }
  575.  
  576. #lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
  577. background:#fdfdfd none repeat scroll 0 0 !important;
  578. border:medium none;
  579. color:#000!important;
  580. font-weight: bold!important;
  581. font-family: courier new;
  582. text-transform: uppercase;
  583.  
  584. }
  585.  
  586. #lj_controlstrip .ljuser a b {
  587. background: #fdfdfd none repeat scroll 0 0;
  588. letter-spacing:0;
  589. text-decoration:none !important;
  590.  
  591. }
  592.  
  593. tbody {
  594. background: url(http://i.imgur.com/5VlYn.png);
  595.  
  596. }
RAW Paste Data
Top