API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 19th, 2012
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.90 KB | None | 0 0
raw download clone embed print report
  1. /* Layout: Goldfish
  2. By: punch @ novoluxa
  3. Base: Flexible Squares */
  4.  
  5.  
  6. @font-face {
  7. font-family: 'Amatic SC';
  8. font-style: normal;
  9. font-weight: 700;
  10. src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff');
  11. }
  12.  
  13.  
  14. body {background-image: url(''); background-attachment: fixed; background-color: #A7DBD8; text-align: center; color: #d8d8d8; font-family: "Trebuchet Ms", sans-serif; font-size: 11px; margin: 10px 0 10px 0;}
  15.  
  16. #content {width: 750px; margin-left: auto; margin-right: auto;}
  17.  
  18. #maincontent {margin: 0px 210px 0px 0px; font-size: 11px; background-color: transparent; color: #727272; text-align: justify; margin-top: 50px;}
  19.  
  20. #sidebar {width: 200px; margin-top: 50px; padding: 5px; float: right; text-align: left; background-color: #E0E4CC; font-size: 11px; font-family: "Trebuchet Ms", sans-serif; color: #727272; line-height: 1.50;
  21. -webkit-border-radius: 15px;
  22. -moz-border-radius: 15px;
  23. border-radius: 15px;}
  24.  
  25. #header {height: 50px;}
  26.  
  27. .title {text-align:left;font-family: 'Amatic SC', sans-serif; font-size: 26px; margin-top:10px;color:#FA6900;}
  28. .subtitle{text-align:left;font-family: 'Amatic SC', sans-serif; font-size: 20px;color:#727272;}
  29.  
  30. div#header a, div#header a:link, div#header a:visited, li.view {background-color:#E0E4CC; padding:2px; color:#727272; text-decoration:none; text-transform:uppercase; font-family: "Consolas", sans-serif; letter-spacing:+1px;font-size:6pt;
  31. -webkit-transition: all 0.5s ease-in-out;
  32. -moz-transition: all 0.5s ease-in-out;
  33. -o-transition: all 0.5s ease-in-out;
  34. -ms-transition: all 0.5s ease-in-out;
  35. transition: all 0.5s ease-in-out;}
  36.  
  37. div#header a:hover {background-color:#FA6900; color: #ffffff;
  38. -webkit-transition: all 0.5s ease-in-out;
  39. -moz-transition: all 0.5s ease-in-out;
  40. -o-transition: all 0.5s ease-in-out;
  41. -ms-transition: all 0.5s ease-in-out;
  42. transition: all 0.5s ease-in-out;}
  43.  
  44. ul.navheader{margin-left:0px;padding-top:5px;}
  45. ul.navheader li {list-style:none;display:inline;}
  46.  
  47. #footer {width: auto; text-align: center; z-index: 100; clear: both; color: #FA6900; font-family: 'Amatic SC', sans-serif; font-size: 20px;}
  48.  
  49.  
  50. div#footer a, div#footer a:visited, div#footer a:link {color: #FA6900; font-family: 'Amatic SC', sans-serif; font-size: 20px;
  51. -webkit-transition: all 0.5s ease-in-out;
  52. -moz-transition: all 0.5s ease-in-out;
  53. -o-transition: all 0.5s ease-in-out;
  54. -ms-transition: all 0.5s ease-in-out;
  55. transition: all 0.5s ease-in-out;}
  56.  
  57. div#footer a:hover {color: #69D2E7;
  58. -webkit-transition: all 0.5s ease-in-out;
  59. -moz-transition: all 0.5s ease-in-out;
  60. -o-transition: all 0.5s ease-in-out;
  61. -ms-transition: all 0.5s ease-in-out;
  62. transition: all 0.5s ease-in-out;}
  63.  
  64.  
  65. /* SIDEBAR */
  66.  
  67. .defaultuserpic {text-align: center;}
  68.  
  69. .defaultuserpic img {height: 80px; width: 80px; padding: 5px; background: #69D2E7; opacity: .7; filter: alpha (opacity=70);
  70. -webkit-border-radius: 50px;
  71. -moz-border-radius: 50px;
  72. border-radius: 50px;
  73. -webkit-transition: all 0.5s ease-in-out;
  74. -moz-transition: all 0.5s ease-in-out;
  75. -o-transition: all 0.5s ease-in-out;
  76. -ms-transition: all 0.5s ease-in-out;
  77. transition: all 0.5s ease-in-out;}
  78.  
  79. .defaultuserpic img:hover {opacity: 1; filter: alpha(opacity=100); padding: 5px; background: #FA6900;
  80. -webkit-transition: all 0.5s ease-in-out;
  81. -moz-transition: all 0.5s ease-in-out;
  82. -o-transition: all 0.5s ease-in-out;
  83. -ms-transition: all 0.5s ease-in-out;
  84. transition: all 0.5s ease-in-out;}
  85.  
  86. .sbarheader {padding: 0px;}
  87.  
  88. .sbarbody {padding: 3px;}
  89.  
  90. .sbarbody2 {padding: 3px 0px 0px 0px}
  91.  
  92. table.calendar, .sbarcalendar, .sbarcalendarposts {display: none;}
  93.  
  94. div#sidebar a, div#sidebar a:link, div#sidebar a:visited {font-family: "consolas", sans-serif; font-size: 11px;
  95. color: #FA6900; background:
  96. -webkit-transition: all 0.5s ease-in-out;
  97. -moz-transition: all 0.5s ease-in-out;
  98. -o-transition: all 0.5s ease-in-out;
  99. -ms-transition: all 0.5s ease-in-out;
  100. transition: all 0.5s ease-in-out;}
  101.  
  102. div#sidebar a:hover {
  103. color: #F38630;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;
  107. -ms-transition: all 0.5s ease-in-out;
  108. transition: all 0.5s ease-in-out;}
  109.  
  110. ul.sbarlist {padding-left: 0px; margin-left: 0px; list-style: none; color: #727272; text-align: center;}
  111.  
  112. li.sbaritem { margin-bottom: 2px; list-style: none; padding-left:2px; text-align: left; color: #FA6900;
  113. border-left: 5px solid #A7DBD8;
  114. -webkit-transition: all 0.5s ease-in-out;
  115. -moz-transition: all 0.5s ease-in-out;
  116. -o-transition: all 0.5s ease-in-out;
  117. -ms-transition: all 0.5s ease-in-out;
  118. transition: all 0.5s ease-in-out;}
  119.  
  120. li.sbaritem:hover {
  121. border-left: 10px solid #A7DBD8;
  122. text-align: left;
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;
  126. -ms-transition: all 0.5s ease-in-out;
  127. transition: all 0.5s ease-in-out;}
  128.  
  129. li.sbartitle { background-color: #A7DBD8; font-family: 'Amatic SC', sans-serif; font-size: 20px; color: #727272;}
  130.  
  131.  
  132. /* ENTRIES */
  133.  
  134. .subcontent {background-color: #E0E4CC; border-bottom: 3px solid #69D2E7; border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px; margin-right: 10px;}
  135.  
  136. .entry {margin: 0; padding: 10px; background-color: transparent; color: #727272; font-family: "Trebuchet Ms", sans-serif; font-size: 11px; text-align: justify; line-height: 1.50;}
  137.  
  138. .entry ul li, .entry ol li { padding-left: 5px; margin-left: 15px;}
  139.  
  140. .entry_text { margin-bottom: 20px;}
  141.  
  142. .date {line-height: 100%; width: 200px; padding-top: 3px; margin-left: 5px; text-align: center; color: #69D2E7; background-color: #E0E4CC; float: right; font-family: "consolas", sans-serif; font-size: 11px; text-transform: uppercase;border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px;}
  143.  
  144. .subject {background: transparent; padding: ; border-bottom: 2px solid #69D2E7;}
  145.  
  146. div.subject a:link, div.subject a:visited, div.subject a {font-family: 'Amatic SC', sans-serif; font-size: 26px; color: #FA6900;
  147. -webkit-transition: all 0.5s ease-in-out;
  148. -moz-transition: all 0.5s ease-in-out;
  149. -o-transition: all 0.5s ease-in-out;
  150. -ms-transition: all 0.5s ease-in-out;
  151. transition: all 0.5s ease-in-out;}
  152.  
  153. div.subject a:hover {font-family: 'Amatic SC', sans-serif; font-size: 26px; color: #F38630;
  154. -webkit-transition: all 0.5s ease-in-out;
  155. -moz-transition: all 0.5s ease-in-out;
  156. -o-transition: all 0.5s ease-in-out;
  157. -ms-transition: all 0.5s ease-in-out;
  158. transition: all 0.5s ease-in-out;}
  159.  
  160. .datesubject { background-color: transparent; padding: 0; text-align: center; border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px;}
  161.  
  162. .userpic, .userpicfriends { position: relative; float: left; background-color: transparent !important; padding: 0px; margin: 0 0 0 -100px; z-index: 15; font-family: "consolas", sans-serif; font-size: 11px; text-align: center; }
  163.  
  164. .userpic img, .userpicfriends img { height: 80px; width: 80px; padding: 5px; background: #69D2E7; opacity: .7; filter: alpha(opacity=70);
  165. -webkit-border-radius: 50px;
  166. -moz-border-radius: 50px;
  167. border-radius: 50px;
  168. -webkit-transition: all 0.5s ease-in-out;
  169. -moz-transition: all 0.5s ease-in-out;
  170. -o-transition: all 0.5s ease-in-out;
  171. -ms-transition: all 0.5s ease-in-out;
  172. transition: all 0.5s ease-in-out;}
  173.  
  174. .userpic img:hover, .userpicfriends img:hover {opacity: 1; filter: alpha(opacity=100);
  175. padding: 5px;
  176. background: #FA6900;
  177. -webkit-border-radius: 50px;
  178. -moz-border-radius: 50px;
  179. border-radius: 50px;
  180. -webkit-transition: all 0.5s ease-in-out;
  181. -moz-transition: all 0.5s ease-in-out;
  182. -o-transition: all 0.5s ease-in-out;
  183. -ms-transition: all 0.5s ease-in-out;
  184. transition: all 0.5s ease-in-out;
  185. }
  186.  
  187. .entry img {
  188. max-width: 400px;
  189. height: auto; }
  190.  
  191. .userpic a font, .userpicfriends a font { color: #727272; text-align: center;}
  192.  
  193. .ljtags { margin-top: 20px; margin-bottom: -20px; text-transform: uppercase; font-family: 'Amatic SC', sans-serif; font-size: 20px; padding-left: 10px;}
  194.  
  195.  
  196. .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {font-weight: normal; font-family: 'Amatic SC', sans-serif; font-size: 20px; color: #727272;}
  197.  
  198.  
  199. .currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {text-transform: uppercase; padding: 0px 10px 0px 5px; font-family: 'Amatic SC', sans-serif; font-size: 20px; color: #FA6900;}
  200.  
  201. code, kbd, pre, tt {font-family: monospace;}
  202.  
  203. a, a:link, a:visited, a:active {
  204. color: #FA6900;
  205. text-decoration: none;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. -ms-transition: all 0.5s ease-in-out;
  210. transition: all 0.5s ease-in-out;
  211. }
  212. a:hover {
  213. color: #F38630;
  214. -webkit-transition: all 0.5s ease-in-out;
  215. -moz-transition: all 0.5s ease-in-out;
  216. -o-transition: all 0.5s ease-in-out;
  217. -ms-transition: all 0.5s ease-in-out;
  218. transition: all 0.5s ease-in-out;
  219. }
  220.  
  221. i, em {
  222. color: #F38630;
  223. letter-spacing: 1px;
  224. }
  225.  
  226. b, strong {
  227. font-weight: bold;
  228. color: #69D2E7;
  229. }
  230.  
  231. u {
  232. border-bottom: 1px solid #FA6900;
  233. }
  234.  
  235. code, kbd, pre, tt, textarea {
  236. font-family: monospace;
  237. }
  238.  
  239. input, textarea {
  240. background-color: #A7DBD8;
  241. border: 1px solid #FA6900;
  242. color: #727272;
  243. }
  244.  
  245. ::-moz-selection {
  246. background-color: #FA6900;
  247. color: #ffffff;
  248. }
  249.  
  250. big {
  251. font-size: +2;
  252. font-weight: bold;
  253. color: #69D2E7;
  254. text-transform: uppercase;
  255. }
  256.  
  257. blockquote {
  258. background-color: #A7DBD8;
  259. text-align: justify;
  260. font-face: "Consolas", sans-serif;
  261. color: #727272;
  262. border-top: 2px solid #FA6900;
  263. margin: 15px 15px 15px 70px;
  264. padding: 10px;
  265. width: 65%;
  266. }
  267. ul {
  268. list-style: square inside;
  269. margin: 5px 0 5px 15px;
  270. }
  271.  
  272.  
  273. /* COMMENTS */
  274.  
  275. .comments {font-family: 'Amatic SC', sans-serif; font-size: 20px; color: #FA6900; font-size: 0px; text-align: center; padding: 30px 0px 0px 0px; position: relative; text-transform: uppercase;}
  276.  
  277. div.comments a, div.comments a:link, div.comments a:visited {font-family: 'Amatic SC', sans-serif; font-size: 20px; padding: 10px 5px 10px 5px; color: #FA6900; margin-right: 5px;
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -o-transition: all 0.5s ease-in-out;
  281. -ms-transition: all 0.5s ease-in-out;
  282. transition: all 0.5s ease-in-out;}
  283.  
  284. div.comments a:hover {color: #F38630;
  285. -webkit-transition: all 0.5s ease-in-out;
  286. -moz-transition: all 0.5s ease-in-out;
  287. -o-transition: all 0.5s ease-in-out;
  288. -ms-transition: all 0.5s ease-in-out;
  289. transition: all 0.5s ease-in-out;}
  290.  
  291.  
  292. /* COMMENT PAGES */
  293.  
  294. .datesubjectcomment {background-color: #A7DBD8; padding: 10px; margin: 0; text-transform: uppercase; font-face: "Consolas";}
  295.  
  296. .userpiccomment {position: relative; height: 80px; width: 80px; border: 10px solid #FA6900; left: 0px; margin: 10px 10px 0px 10px; z-index: 15; float: left;}
  297.  
  298. .box {padding: 0px; clear: left; border: none;}
  299.  
  300. input, textarea {background-color: #E0E4CC; border: 1px solid #A7DBD8; color: #727272; font-face: "Consolas";}
  301.  
  302. textarea.textbox {width: 100% !important;}
  303.  
  304. .reply {position: relative; margin: 20px 20px 10px 20px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Consolas", sans-serif; line-height: 125%; background-color: transparent; color: #727272;}
  305.  
  306. .replytosubject {font-weight: normal; min-height: 100px;}
  307.  
  308. .commentreply {position: relative; margin: 0px; font-size: 11px; font-family: "Consolas", sans-serif; color: #727272; line-height: 1.50;}
  309.  
  310. .commentbox {padding: 10px; margin: 15px; background-color: transparent;}
  311.  
  312. .commentboxpartial {padding: 10px; margin: 15px; background-color: transparent;}
  313.  
  314. .commentinfo {background-color: transparent; margin-top: 10px; width: 100%;}
  315.  
  316.  
  317. /* ARCHIVE PAGE */
  318.  
  319. ul.year {text-align: center; padding-bottom: 10px;}
  320.  
  321. ul.year li {display: inline;}
  322.  
  323. table.yeartable {margin-left: auto; margin-right: auto;}
  324.  
  325. table.yeartable td.yeardate, table.yeartable td.yearday {border: none; background-color: #f4f4f4; padding: 10px;}
  326.  
  327. table.yeartable td.yearday {background-color: #f4f4f4; padding: 10px;}
  328.  
  329. td.yearmonth {border: none;}
  330.  
  331.  
  332. /* FOOTER */
  333.  
  334. ul.navfooter { padding: 0px; margin: 0px;}
  335.  
  336. ul.navfooter li { display: block; margin: 5px 0px 5px 0px;}
  337.  
  338. .clearfoot { clear: both;}
  339.  
  340.  
  341. /* MISC */
  342.  
  343. form#qrform table { border: transparent !important;}
  344.  
  345. .clear { height: 0px;}
  346.  
  347. .skiplinks {text-align: left; padding-bottom: 10px;}
  348.  
  349. .separator {height: 50px;}
  350.  
  351. .ljtaglist { list-style-type: none; padding: 10px; background-color: #ffffff; margin-top: 0px; border: 1px solid #f4f4f4;}
  352.  
  353. /* Navigation Strip
  354. ***************************************************************************/
  355.  
  356. #lj_controlstrip td {
  357. background:
  358. background-color: #727272;
  359. border-bottom: 2px solid #69D2E7;
  360. color: #727272;
  361. text-transform: uppercase;
  362. }
  363.  
  364. #lj_controlstrip_statustext{
  365. color: #FA6900;
  366. }
  367.  
  368. #lj_controlstrip input {
  369. background-color: #A7DBD8;
  370. border: 1px solid #69D2E7;
  371. color: #727272;
  372. padding: 0 5px;
  373. text-transform: uppercase;
  374. }
  375.  
  376. #lj_controlstrip a {
  377. color: #FA6900;
  378. text-decoration: none;
  379. -webkit-transition: all 0.5s ease-in-out;
  380. -moz-transition: all 0.5s ease-in-out;
  381. -o-transition: all 0.5s ease-in-out;
  382. -ms-transition: all 0.5s ease-in-out;
  383. transition: all 0.5s ease-in-out;
  384. }
  385.  
  386. #lj_controlstrip a:visited {
  387. color: #FA6900;
  388. }
  389.  
  390. #lj_controlstrip a:hover {
  391. text-decoration:none;
  392. color: #F38630;
  393. -webkit-transition: all 0.5s ease-in-out;
  394. -moz-transition: all 0.5s ease-in-out;
  395. -o-transition: all 0.5s ease-in-out;
  396. -ms-transition: all 0.5s ease-in-out;
  397. transition: all 0.5s ease-in-out;
  398. }
  399.  
  400. #lj_controlstrip a:active {
  401. color: ;
  402. }
  403.  
  404. /* Contextual Pop-ups
  405. ***************************************************************************/
  406.  
  407. div.ContextualPopup {
  408. text-transform: uppercase;
  409. -webkit-transition: all 0.5s ease-in-out;
  410. -moz-transition: all 0.5s ease-in-out;
  411. -o-transition: all 0.5s ease-in-out;
  412. -ms-transition: all 0.5s ease-in-out;
  413. transition: all 0.5s ease-in-out;
  414. }
  415.  
  416. div.ContextualPopup div.Inner {
  417. background-color: #FEE4CC;
  418. color: #727272;
  419. border: 2px solid #A7DBD8;
  420. }
  421.  
  422. div.ContextualPopup .Userpic {
  423. -webkit-border-radius: 50px;
  424. -moz-border-radius: 50px;
  425. border-radius: 50px;
  426. }
  427.  
  428. div.ContextualPopup .Userpic img {
  429. padding: 5px;
  430. background: #69D2E7;
  431. -webkit-border-radius: 50px;
  432. -moz-border-radius: 50px;
  433. border-radius: 50px;
  434. }
  435.  
  436. div.ContextualPopup .Content {
  437. background-color: #A7DBD8;
  438. color: #727272;
  439. border: none;
  440. margin: auto;
  441. }
  442.  
  443. div.ContextualPopup div.Inner a,
  444. div.ContextualPopup div.Inner a:visited,
  445. div.ContextualPopup div.Inner a:link {
  446. color: #FA6900;
  447. text-decoration: none;
  448. -webkit-transition: all 0.5s ease-in-out;
  449. -moz-transition: all 0.5s ease-in-out;
  450. -o-transition: all 0.5s ease-in-out;
  451. -ms-transition: all 0.5s ease-in-out;
  452. transition: all 0.5s ease-in-out;
  453. }
  454.  
  455. div.ContextualPopup .Relation {
  456. color: #727272;
  457. text-transform: uppercase;
  458. }
  459.  
  460.  
  461. /* TINYICONS */
  462. span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
  463. background: transparent url(http://i54.tinypic.com/2qjefj5.jpg) no-repeat !important; padding: 14px 0 0 14px !important; }
  464. span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;background: transparent url(http://i54.tinypic.com/4sb6mh.jpg) no-repeat !important; padding: 14px 0 0 14px !important; }
  465. img[src*="img/icon_protected.gif"] {display:none;}
  466. img[src*="img/icon_private.gif"] {display: none;}
  467. img[src*="img/icon_groups.gif"] {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!