API tools faq
paste
Advertisement
Guest User

Flexible Squares Layout

a guest
Nov 13th, 2012
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.57 KB | None | 0 0
raw download clone embed print report
  1. /*////////////////////////////////////////////*/
  2. /*Layout: The Night*/
  3. /*coded by:synic_trance@lj*/
  4. /*http://community.livejournal.com/blowxgraphics*/
  5. /*Flexible Squares, S2, Basic Plus & Paid*/
  6. /*Tested in FireFox*/
  7.  
  8. body {
  9. background-color: #000000;
  10. background-image:url('http://i49.tinypic.com/2na6xib.jpg');
  11. background-repeat: no-repeat;
  12. background-attachment: fixed;
  13. text-align: center;
  14. color: #C0C0C0;
  15. font-family: "Andale Mono", sans-serif;
  16. font-size: 11px;
  17. margin: 20px 0 20px 0; }
  18.  
  19. a, a:link, a:visited {
  20. color: #9a0099;
  21. text-decoration: none;}
  22.  
  23. a:hover {
  24. color: #c0c0c0;
  25. text-decoration: underline; }
  26.  
  27. p, td, blockquote {
  28. font-size: 11px;}
  29.  
  30. code, kbd, pre, tt {
  31. font-family: monospace;}
  32.  
  33. #content
  34. {
  35. width: 800px;
  36. margin-left: auto; margin-right: auto;
  37. margin-top: 70px;
  38. background: rgba(0,0,0,0.4);
  39. border: 0px;
  40. padding: 15px;
  41. -moz-border-radius: 15px;
  42. border-radius: 15px;
  43. -moz-box-shadow: 0 0 3px 3px #3C3C3C;
  44. -webkit-box-shadow: 0 0 3px 3px #3C3C3C;
  45. box-shadow: 0 0 3px 3px #3C3C3C; }
  46.  
  47. #maincontent {
  48. margin: 15px;
  49. font-family: "Andale Mono", sans-serif;
  50. font-size: 11px;
  51. background-color: transparent;
  52. color: #a1a1a1;
  53. border: 0px;
  54. margin-right: 180px;
  55. text-align: left; }
  56.  
  57. #sidebar {
  58. padding-top: 15px;
  59. margin-top: 15px;
  60. background-color: transparent;
  61. border: 0px;
  62. font-size: 11px;
  63. font-family: "Andale Mono", sans-serif;
  64. color: #C0C0C0;
  65. width: 140px;
  66. float: right;
  67. text-align: left;}
  68.  
  69. #header {
  70. padding: 10px 0px 20px 0px;
  71. margin-top: -80px;
  72. text-align: center;
  73. font-family: "Courier New";
  74. font-size: 20px;
  75. font-weight: normal;
  76. letter-spacing: 0px;
  77. border: 0px;
  78. text-transform: uppercase;
  79. background-color: transparent;
  80. color: #ffffff; }
  81.  
  82. #footer {
  83. text-align: center;
  84. font-family: "Andale Mono" sans serif;
  85. font-size: 14px;
  86. text-transform: lowercase;
  87. font-weight: normal;
  88. font-style: italic;
  89. letter-spacing: 0.5px;
  90. background-color: transparent;
  91. color: #C0C0C0;
  92. border: 0px;
  93. z-index: 100;
  94. clear: both; }
  95.  
  96. /* -------HEADER------- */
  97.  
  98. div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
  99. color: #ffffff;}
  100.  
  101. div#header a:hover, div#footer a:hover {
  102. color: #999999;
  103. text-decoration: none; }
  104.  
  105. ul.navheader
  106. {
  107. padding: 0px;
  108. margin: 0px;}
  109.  
  110. ul.navheader li {
  111. display: inline;
  112. padding: 0 3px 0 3px;}
  113.  
  114. .title {
  115. font-family: "Andale Mono", sans-serif;
  116. font-style:italic;
  117. color: #535D67;
  118. font-size: 11px;
  119. font-weight: normal;
  120. line-height: 0px;
  121. margin-top: 60px;
  122. text-transform: normal; }
  123.  
  124. .subtitle{
  125. display:none;}
  126.  
  127.  
  128. /* ------SIDEBAR------ */
  129. .box-vertical2 {
  130. margin: 10px 0 0;
  131. }
  132.  
  133. div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
  134. color: #9a0099;
  135. }
  136.  
  137. div#sidebar a:hover {
  138. color: #C0C0C0;
  139. text-decoration: none;
  140. }
  141.  
  142. .defaultuserpic {
  143. text-align: center;
  144. border: 0px;
  145. background: transparent!important;
  146. }
  147.  
  148. .defaultuserpic img {
  149. background: #000000;
  150. background-image:url('http://i48.tinypic.com/x2mb05.jpg');
  151. padding: 10px;
  152. border: 0px;
  153. }
  154.  
  155. .sbarheader {
  156. padding: 0px;
  157. }
  158.  
  159. .sbarbody {
  160. padding: 0px;
  161. }
  162.  
  163. .sbarbody2 {
  164. padding: 0px;}
  165.  
  166. #sidebar_summary li.sbaritem {
  167. margin: 0 10px;
  168. padding: 3px 0;
  169. border-bottom: 1px #1D1D1D solid;
  170. }
  171.  
  172. table.calendar {
  173. margin-right: auto;
  174. margin-left: auto;
  175. }
  176.  
  177. .sbarcalendar {
  178. border: 0px;
  179. padding:2px;
  180. text-align: center;
  181. background-color: #1D1D1D;
  182. font-family: "Andale Mono", sans-serif;
  183. font-size: 11px;
  184. }
  185.  
  186. .sbarcalendarposts {
  187. border: 0px;
  188. background-color: #1D1D1D;
  189. text-align: center;
  190. font-family: "Andale Mono", sans-serif;
  191. font-size: 11px;
  192. }
  193.  
  194. ul.sbarlist
  195. {
  196. padding-left: 0px;
  197. margin-left: 0px;
  198. list-style: none;
  199. }
  200.  
  201. li.sbaritem, .tagcloud
  202. {
  203. padding-left: 15px;
  204. list-style: none;
  205. }
  206.  
  207. li.sbartitle
  208. {
  209. text-align: center;
  210. padding: 5px 0px 5px 0px;
  211. list-style: none;
  212. border: 0px;
  213. background: transparent;
  214. margin-bottom: 10px;
  215. margin-top: 10px;
  216. font-family: "courier new", sans-serif;
  217. font-size: 14px;
  218. text-transform: uppercase;
  219. color: #535D67;}
  220.  
  221.  
  222. /* --------ENTRIES-------- */
  223.  
  224. .subcontent {
  225. }
  226.  
  227. .entry {
  228. margin: 0px 0px 50px 0px;
  229. padding: 10px;
  230. background-color: transparent;
  231. color: #C0C0C0;
  232. font-family: "Andale Mono", sans-serif;
  233. font-size: 11px;
  234. text-align: left;
  235. border: 0px;
  236. }
  237.  
  238. .entry ul li
  239. {
  240. padding-left: 5px;
  241. margin-left: 15px;
  242. }
  243.  
  244. .entry ol li
  245. {
  246. padding-left: 5px;
  247. margin-left: 15px;
  248. }
  249.  
  250. .userpic {
  251. position: relative;
  252. float: left;
  253. padding: 0px;
  254. margin: -5px 10px 10px 5px;
  255. z-index: 15;
  256. border: 0px;
  257. color:#535D67;
  258. background: transparent!important;
  259. }
  260.  
  261. .userpic img {
  262. background: #9a0099;
  263. padding: 8px;
  264. border: 0px;
  265. width: normal;
  266. height: normal;}
  267.  
  268.  
  269. .date {
  270. line-height: 40%;
  271. top: 0px;
  272. color: #9D9D9D;
  273. font-family: "Andale Mono", sans-serif;
  274. letter-spacing:0.5px;
  275. font-size: 11px;
  276. }
  277.  
  278. .subject {
  279. font-weight: normal;
  280. padding-top: 5px;
  281. color: #535D67;
  282. font-family: "Andale Mono", sans-serif;
  283. letter-spacing:0.5px;
  284. font-size: 16px;
  285. text-transform: normal;
  286. font-style: italic;
  287. }
  288.  
  289. .subject a, .subject a:link, .subject a:visited, .subject a:hover {
  290. color: #535D67;
  291. font-weight: normal;
  292. text-decoration: none;
  293. }
  294.  
  295. .subject a:hover {
  296. color: #333333;
  297. font-weight: normal;}
  298.  
  299. .datesubject {
  300. background-color: transparent;
  301. padding-left: 5px; }
  302.  
  303. .currents {
  304. font-family: "Andale Mono", sans-serif;
  305. font-size: 11px;
  306. color: #9D9D9D;
  307. text-align: right;
  308. margin-top:-10px;
  309. background: transparent;
  310. padding: 0px 5px 10px 5px;
  311. border-right: 3px solid #404040; }
  312.  
  313. .currentmood, .currentmusic {
  314. font-family: "Andale Mono", sans-serif;
  315. font-size: 11px;}
  316.  
  317. .comments {
  318. font-family: "Andale Mono", sans-serif;
  319. font-size: 11px;
  320. text-align: right;
  321. background-color: #transparent;
  322. padding: 0px;
  323. position: relative;
  324. margin: 0px;}
  325.  
  326. div.comments a, div.comments a:link, div.comments a:visited{
  327. color: #535D67;}
  328.  
  329. div.comments a:hover {
  330. color: #333333;
  331. text-decoration: none;}
  332.  
  333.  
  334. .ljtags {
  335. font-weight:bold;
  336. text-align: right;
  337. padding: 5px;
  338. color: #9D9D9D;
  339. border-right: 3px solid #404040;
  340. margin-top:40px;}
  341.  
  342. .userpicfriends {
  343. position: relative;
  344. float: left;
  345. padding: 5px;
  346. margin: 10px;
  347. text-align: center;
  348. font-family: "Andale Mono", sans-serif;
  349. color:#535D67;
  350. font-size: 11px;
  351. z-index: 15;
  352. border: 0px;
  353. background: transparent!important; }
  354.  
  355. .userpicfriends img {
  356. background: #9a0099;
  357. color:#535D67;
  358. padding: 6px;
  359. border: 0px;
  360. width: normal;
  361. height: normal;}
  362.  
  363. .userpicfriends font {
  364. color: #535D67 !important;
  365. font-family: "Andale Mono", sans-serif;
  366. text-transform: lowercase;}
  367.  
  368.  
  369. /* --------COMMENT PAGEs------- */
  370.  
  371. .datesubjectcomment {
  372. background-color: transparent;
  373. padding: 5px;
  374. margin-top: 0px;
  375. color: #C0C0C0;
  376. border-bottom: 1px solid #3D3D3D; }
  377.  
  378. .userpiccomment {
  379. position: relative;
  380. background-color: #9a0099;
  381. left: 0px;
  382. padding: 10px;
  383. margin: 10px 10px 20px -10px;
  384. z-index: 15;
  385. float: left;
  386. border: 0px solid #9a0099;
  387. width: normal;
  388. height: normal;
  389. }
  390.  
  391. .box {
  392. border-style: solid;
  393. background-color: #000000;
  394. border-width: 0px 3px 0px 0px;
  395. border-color: #404040;
  396. padding: 10px;
  397. clear: left;
  398. color: #C0C0C0; }
  399.  
  400. input, textarea {
  401. background-color: transparent;
  402. color: #C0C0C0;}
  403.  
  404. textarea.textbox {
  405. width: 95% !important; }
  406.  
  407. .reply {
  408. position: relative;
  409. margin: 20px 30px 10px 30px;
  410. padding: 25px 10px 10px 10px;
  411. text-align: left;
  412. font-family: "Andale Mono", sans-serif;
  413. font-size: 11px;
  414. line-height: 125%;
  415. background-color: #ffffff;
  416. color: #000000; }
  417.  
  418. .replytosubject {
  419. font-weight: bold;}
  420.  
  421.  
  422. .commentreply {
  423. position: relative;
  424. margin: 10px 10px 20px 10px;
  425. font-size: 11px;
  426. font-family: "Andale Mono", sans-serif;
  427. color: #C0C0C0; }
  428.  
  429. .commentbox {
  430. border: 0px;
  431. padding: 10px;
  432. margin: 10px;
  433. background-color: transparent; }
  434.  
  435. .datesubjectcomment a:link, .datesubjectcomment a:visited {
  436. color: #535D67;}
  437.  
  438. .datesubjectcomment a:hover {
  439. color: #333333; }
  440.  
  441. .commentboxpartial {
  442. border: 0px;
  443. padding: 10px;
  444. margin: 10px;
  445. background-color: transparent;}
  446.  
  447. .commentinfo {
  448. background-color: transparent;
  449. margin-top: 10px;
  450. width: 100%; }
  451.  
  452.  
  453. /* -----ARCHIVE PAGES------ */
  454.  
  455. ul.year {
  456. text-align: center;
  457. padding-bottom: 40px;
  458. font-family: "courier new", sans-serif;
  459. font-size: 14px;
  460. text-transform: uppercase;
  461. color: #535D67;}
  462.  
  463. ul.year li {
  464. display: inline; }
  465.  
  466. table.yeartable {
  467. margin-left: auto;
  468. margin-right: auto;}
  469.  
  470. table.yeartable td.yeardate, table.yeartable td.yearday {
  471. border: 0px;
  472. background: #1d1d1d;
  473. color: #C0C0C0; }
  474.  
  475. table.yeartable td.yearday {
  476. background: transparent;
  477. text-align: center;
  478. color: #535D67;
  479. text-transform: uppercase;}
  480.  
  481. td.yearmonth {
  482. border-style: none;
  483. color: #535D67;
  484. text-transform: uppercase;}
  485.  
  486.  
  487. /* -----FOOTER----- */
  488.  
  489. ul.navfooter{
  490. padding: 0px;
  491. margin: 0px;
  492. color: #C0C0C0;
  493. font-family: "Andale Mono" sans serif; }
  494.  
  495. ul.navfooter li {
  496. display: inline;
  497. margin: 0 5px 0 5px; }
  498.  
  499.  
  500. .clearfoot {
  501. clear: both; }
  502.  
  503.  
  504. /* misc */
  505.  
  506. .clear {
  507. height: 15px;}
  508.  
  509. .skiplinks {
  510. text-align: center;}
  511.  
  512. .headerimage { }
  513.  
  514. .separator{
  515. height: 25px;}
  516.  
  517. * html div.subcontent {
  518. height: 1%;
  519. clear: none;}
  520.  
  521. * html div.box#commentform {
  522. position: absolute;
  523. border: 0px; }
  524.  
  525. /*------------ tiny icons ------------*/
  526.  
  527.  
  528. img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
  529.  
  530. .subject img {vertical-align: middle !important;}
  531. img[src*="icon_protected.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png) !important;
  532. padding:0 0 11px 12px !important;}
  533. img[src*="icon_private.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png) !important; padding:0 0 11px 12px !important;}
  534. img[src*="icon_groups.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png) !important; padding:0 0 11px 12px !important; }
  535.  
  536. .ljuser img { width: 0 !important; height: 0 !important; background: transparent url(http://i37.tinypic.com/20h4ea.jpg) no-repeat 0 0 !important; padding: 10px 10px 0 0px !important; vertical-align: baseline !important;}
  537. .ljuser img[src*="userinfo.gif"] { background: transparent url(http://i37.tinypic.com/20h4ea.jpg) no-repeat center left !important; padding: 10px 10px 0 0px !important; width: 0 !important; height: 0 !important;}
  538. .ljuser img[src*="community.gif"] { background:transparent url(http://i33.tinypic.com/2lvbolf.jpg) no-repeat scroll 0 0 !important;
  539. padding: 10px 10px 0 0 !important; width: 0 !important; height: 0 !important;}
  540.  
  541. .ljuser img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
  542. background:transparent url(http://img190.imageshack.us/img190/4688/041.png) repeat scroll 0 0 !important; height: 0 !important; padding: 0 0 16px 16px !important; width:0 !important; }
  543.  
  544. .ljuser img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
  545. background:transparent url(http://img35.imageshack.us/img35/1876/091s.png) repeat scroll 0 0 !important; height: 0 !important; padding: 0 0 16px 16px !important; width: 0 !important; }
  546.  
  547. .ljuser img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
  548. background:transparent url(http://img25.imageshack.us/img25/1674/101hec.png) repeat scroll 0 0 !important; height: 0 !important; padding: 0 0 16px 16px !important; width: 0 !important; }
  549.  
  550. .ljuser img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
  551. background:transparent url(http://img37.imageshack.us/img37/2053/150qlp.png) repeat scroll 0 0 !important; height: 0 !important; padding: 0 0 16px 16px !important; width: 0 !important; }
  552.  
  553. /*////////////////////////////////////////////*/
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!