Don't like ads? PRO users don't see any ads ;-)
Guest

fuzzbuzz

By: a guest on May 4th, 2012  |  syntax: None  |  size: 8.30 KB  |  hits: 30  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* CSS */
  2. /* NAME: FUZZBUZZ
  3.    MAKER: CURIOSING @ LJ
  4.    TINYICONS: TESSISAMESS @ LAYOUTTESST
  5.    RULES: NO STEALING BROS */
  6. body {
  7.         background: #f0f0f0 url('http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/031.jpg');
  8.         font-size: 10px;
  9.         line-height:16px;
  10.         font-family: arial;
  11.         margin: 0 auto;
  12.         text-align: justify;
  13. }
  14.  
  15. a, a:link, a:visited {
  16.         color: #8F8F8F;
  17.         text-decoration: none;
  18. }
  19.  
  20.  
  21. blockquote {
  22.         padding: 10px;
  23.         background:#FAFAFA;
  24.         font-family:georgia;
  25.         text-align:justify;
  26.         color:#9F9F9F;
  27. }
  28.  
  29. #content {
  30.         margin: 20px auto;
  31.         width: 740px;
  32. }
  33.  
  34. #maincontent {
  35.         background:transparent;
  36.         margin: 0px 0px 0px 260px;
  37.         font-family: arial;
  38. }
  39.  
  40. #sidebar {
  41.         float: left;
  42.         width: 225px;
  43.         background:#FFF;
  44.         padding: 10px;
  45.         margin: 50px 0px 0px -60px;
  46.         position:fixed;
  47. }
  48.  
  49. #sidebar_linklist{
  50.         margin-top:-112px;
  51.         margin-left:70px;
  52. }
  53.  
  54. .sbaritem {
  55.         display:block;
  56.         background:#F5F5F5;
  57.         padding: 2px 2px 2px 7px;
  58.         margin-bottom:5px;
  59.         font-family: arial;
  60.         font-size:7pt;
  61.         letter-spacing:1px;
  62.         text-transform:uppercase;
  63. }
  64.  
  65. .sbaritem:hover{
  66.         background:#8C8C8C;
  67. }
  68.  
  69. .sbaritem a{
  70.         color:#A6A6A6;
  71. }
  72.  
  73. .sbaritem a:hover{
  74.         color:#9FE0ED;
  75. }
  76.  
  77. .sbarbody2 {
  78.         font-family: arial;
  79.         color:#A0A0A0;
  80.         text-align:justify;
  81. }
  82.  
  83. .defaultuserpic{
  84.         float;left;
  85.         border: 3px solid #F5F5F5;
  86.         width:100px;
  87. }
  88.  
  89. .sbartitle{
  90.         display:none;
  91. }
  92.  
  93. .calendar{
  94.         width:280px;
  95.         margin-left:-30px;
  96.         font-family:garamond, garamond, garamond, garamond;
  97.         font-size:9px;
  98.         color:#909090;
  99. }
  100.  
  101. .sbarcalendar {
  102.         background:#F5F5F5;
  103.         text-align:center;
  104. }
  105.  
  106. .sbarcalendarposts {
  107.         background:#F9F9F9;
  108.         text-align:center;
  109. }
  110.  
  111. .sbarcalendarposts a{
  112.         color:#9F9F9F;
  113. }
  114.  
  115. #header {
  116.         float:left;
  117.         height:50px;
  118.         width:245px;
  119.         overflow:hidden;
  120.         display:inline;
  121.         background:#0;
  122.         position:fixed;
  123.         margin-left:-60px;
  124. }
  125.  
  126. ul.navheader {
  127.         list-style: none;
  128.         margin: 0;
  129.         padding: 0;
  130.         width:250px;
  131. }
  132.  
  133. ul.navheader li{
  134.         display:inline;
  135. }
  136.  
  137. ul.navheader li{
  138.         width:57px;
  139.         height:25px;
  140.         background:#f0f0f0;
  141.         display:block;
  142.         float:left;
  143.         position:relative;
  144.         margin-right:5px;
  145.         overflow:hidden;
  146.         text-align:center;
  147.         padding-top:5px;
  148.         font-family: lucida console;
  149.         text-transform:uppercase;
  150.         color:#666;
  151. }
  152.  
  153. ul.navheader li a{
  154.         color:#808080;
  155. }
  156.  
  157. ul.navheader li a:hover{
  158.         color:#969696;
  159. }
  160.  
  161. ul.navheader li:hover{
  162.         background:#95BFDB;
  163. }
  164.  
  165.  
  166. .title, .subtitle {
  167.         display: none;
  168. }
  169.  
  170. .subcontent {
  171.         font-family: arial;
  172.         text-align: justify;
  173.         background:#FFF;
  174.         width:400px;
  175.         padding:10px;
  176.         color:#5A5A5A;
  177. }
  178.  
  179. .subject {
  180.         font-family:lucida console;
  181.         font-size:15px;
  182.         text-transform:uppercase;
  183.         line-height:12px;
  184. }
  185.  
  186. .subject a{
  187.         padding-left:2px;
  188.         color:#AFAFAF;
  189. }
  190. .subject a:hover{
  191.         color:#D9D9D9;
  192. }
  193.  
  194. .date {
  195.         font-family:lucida console;
  196.         color:#DADADA;
  197.         text-transform:uppercase;
  198.         font-size:8px;
  199.         letter-spacing:2px;
  200. }
  201.  
  202. .subject {
  203.         font-family:lucida console;
  204.         font-size:15px;
  205.         text-transform:uppercase;
  206.         line-height:12px;
  207. }
  208.  
  209. .subject a{
  210.         font-family:lucida console;
  211.         padding-left:2px;
  212.         color:#AFAFAF;
  213. }
  214. .subject a:hover{
  215.         font-family:lucida console;
  216.         color:#D9D9D9;
  217. }
  218.  
  219. .userpic {
  220.         float: right;
  221.         position:relative;
  222.         margin: -10px -135px 0px 0px;
  223.         border:5px solid #FFF;
  224. }
  225.  
  226. .userpicfriends{
  227.         float: right;
  228.         position:relative;
  229.         margin: -10px -135px 0px 0px;
  230.         background:#FFF!important;
  231.         color:#FFF!important;
  232.         padding:5px;
  233.         text-align:center;
  234. }
  235.  
  236. .userpicfriends a{
  237.         padding-top:3px;
  238.         font-family:lucida console;
  239.         text-transform:uppercase;
  240. }
  241.  
  242. .entry_text {
  243.         min-height:80px;
  244. }
  245.  
  246. .entry_text img{
  247.         max-width:400px;
  248.         overflow:hidden;
  249. }
  250.  
  251. .clear {
  252.         height:5px;
  253.         background:transparent;
  254. }
  255.  
  256. .currents{
  257.         font-family:lucida console;
  258.         font-size:9px;
  259.         line-height:11px;
  260.         text-transform:uppercase;
  261.         background:#F6F6F6;
  262.         padding:0px 3px 3px 3px;
  263.         letter-spacing:1px;
  264.         margin-top:-16px;
  265. }
  266.  
  267. .currentmood img{
  268.         display:none;
  269. }
  270.  
  271. .currentlocation{
  272.         display:none;
  273. }
  274.  
  275. .ljtags{
  276.         font-family:lucida console;
  277.         font-size:9px;
  278.         text-transform:uppercase;
  279.         background:#F6F6F6;
  280.         padding:2px 3px 3px 3px;
  281.         letter-spacing:1px;
  282.         margin-top:3px;
  283. }
  284.  
  285. .comments{
  286.         text-align: right;
  287.         font-family:lucida console;
  288.         text-transform:uppercase;
  289.         font-size:12px;
  290. }
  291. .comments a{
  292.         color:#989898;
  293. }
  294. .comments a:hover{
  295.         color:#AFAFAF;
  296. }
  297.  
  298. #footer {
  299.         padding:0px 10px 0px 10px;
  300.         float:right;
  301.         margin-right:60px;
  302.         margin-top:-15px;
  303.         width:400px;
  304.         background:#FFF;
  305.         color:#9A9A9A;
  306.         text-align:right;
  307. }
  308.  
  309. #footer a{
  310.         color:#B0B0B0;
  311. }
  312.  
  313. #footer a:hover{
  314.         color:#C0C0C0;
  315. }
  316.  
  317. ul.navfooter li {
  318.         display:inline;
  319.         list-style:none;
  320. }
  321.  
  322. .clearfoot {
  323.         clear: both;
  324. }
  325.  
  326. .skiplinks {
  327.         text-align: center;
  328. }
  329.  
  330. h2 {
  331.         font-size:15px;
  332.         text-transform:uppercase;
  333.         line-height:12px;
  334.         color:#AFAFAF;
  335.         padding:10px;
  336.         display:block;
  337.         background:#FFF;
  338.         margin-bottom:-25px;
  339. }
  340.  
  341. ul.ljtaglist li {
  342.         list-style:none;
  343.         color:#9A9A9A;
  344. }
  345.  
  346. ul.ljtaglist {
  347.         background:#fff;
  348.         padding:10px;
  349. }
  350.  
  351. ul.ljtaglist li a{
  352.         color:#C9C9C9;
  353. }
  354.  
  355. ul.year {
  356.         background:#FFF;
  357.         padding:10px;
  358.         list-style:none;
  359.         font-size:15px;
  360.         text-transform:uppercase;
  361.         line-height:12px;
  362.         color:#AFAFAF;
  363.         display:block;
  364.         margin-bottom:-15px;
  365. }
  366.  
  367.  
  368. table.yeartable {
  369.         background:#FFF;
  370.         padding:10px;
  371.         width:480px;
  372. }
  373.  
  374. table.yeartable td.yeardate {
  375.         line-height:12px;
  376.         text-align:center;
  377.         background:#F5F5F5;
  378.         font-size:10px;
  379.         color:#909090;
  380. }
  381.  
  382. table.yeartable td.yearday {
  383.         font-size:15px;
  384.         text-transform:uppercase;
  385.         line-height:12px;
  386.         color:#AFAFAF;
  387.         text-align: center;
  388. }
  389.  
  390.  
  391. td.yearmonth {
  392.         font-size:15px;
  393.         text-transform:uppercase;
  394.         line-height:12px;
  395.         color:#808080; }
  396.  
  397. .subject img[src*="icon_protected.gif"] {
  398.         background-image:url(http://i.imgur.com/41DGv.gif) !important;
  399.         background-repeat:no-repeat !important;
  400.         height:0;
  401.         padding:10px 8px 0px 0 !important;
  402.         width:0;
  403. }
  404. .subject img[src*="icon_private.gif"] {
  405.         background-image:url(http://i.imgur.com/rlGfo.gif) !important;
  406.         background-repeat:no-repeat !important;
  407.         height:0;
  408.         padding:12px 10px 0 0 !important;
  409.         width:0;
  410. }
  411.  
  412. img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
  413.         background-image:url("http://i.imgur.com/DODHe.png") !important;
  414.         background-repeat:no-repeat !important;
  415.         height:0;
  416.         padding:15px 11px 0 0 !important;
  417.         width:0;
  418. }
  419.  
  420. img[src*="community.gif"] {
  421.         background-image:url(http://i.imgur.com/TiL0U.png) !important;
  422.         background-repeat:no-repeat !important;
  423.         height:0;
  424.         padding:15px 11px 0 0 !important;
  425.         width:0;
  426. }
  427.  
  428. .ljuser a b{
  429.         font-weight:normal;
  430.         color:#B0B0B0;
  431.         font-family:arial;
  432. }
  433.  
  434. /* CUSTOM CURSOR(S) */
  435.  
  436. body{cursor: url(http://pinkluvhh.tripod.com/arrow2.cur), auto;}
  437. a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  438.  
  439. /* TINY ICONS ETC. */
  440.  
  441. img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
  442. background: transparent url(http://i295.photobucket.com/albums/mm155/thirteenthend/tinyicons/kittengraystripes.png) no-repeat !important; padding: 16px 0 0 16px !important; }
  443. img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
  444. background: transparent url(http://i295.photobucket.com/albums/mm155/thirteenthend/tinyicons/kittengraytophat.png) no-repeat !important; padding: 16px 0 0 16px !important; }
  445. img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
  446. background: transparent url(http://i295.photobucket.com/albums/mm155/thirteenthend/tinyicons/rss.png) no-repeat !important; padding: 16px 0 0 16px !important; }
  447. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
  448. background: transparent url(http://i295.photobucket.com/albums/mm155/thirteenthend/tinyicons/cupcakewhite.png) no-repeat !important; padding: 16px 0 0 16px !important; }
  449. img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
  450. background: transparent url(http://i295.photobucket.com/albums/mm155/thirteenthend/tinyicons/cakelipink.png) no-repeat !important; padding: 16px 0 0 16px !important; }
  451. img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
  452. background: transparent url(http://i295.photobucket.com/albums/mm155/thirteenthend/tinyicons/carrot.png) no-repeat !important; padding: 16px 0 0 16px !important; }