Advertisement
Guest User

Untitled

a guest
Oct 14th, 2012
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.94 KB | None | 0 0
  1. /* flexible squares // punch @ novoluxa*/
  2.  
  3. /* body */
  4.  
  5. body {
  6. background: #D1F2A5;
  7. text-align: center;
  8. color: #888888;
  9. font-family: trebuchet ms;
  10. font-size: 11px;
  11. margin: 20px 0 20px 0;
  12. }
  13.  
  14.  
  15. a, a:link, a:visited {
  16. color: #FFC48C;
  17. text-decoration: none !important;
  18. }
  19.  
  20. b, strong {
  21. color: #FF9F80;
  22. letter-spacing: 0px;
  23. font: bold 9px georgia;
  24. }
  25.  
  26. i, em {
  27. font-style: italic;
  28. font-family: georgia;
  29. color: #FF9F80;
  30. letter-spacing: 1px;
  31. }
  32.  
  33. u, ul {
  34. color:#FF9F80;
  35. letter-spacing: 1px;
  36. }
  37.  
  38.  
  39. p {
  40.  
  41. background-color: transparent;
  42. font-family: arial;
  43. padding: 0px;
  44. }
  45.  
  46.  
  47.  
  48. blockquote {
  49. background: url();
  50. font-size: 10px;
  51. padding: 3px;
  52. font-family: tahoma;
  53. letter-spacing: 0px;
  54. border-left: 5px solid #D1F2A5;
  55. text-transform: uppercase;
  56. margin-top: 3px;
  57. margin-left: 20px
  58. width: 250px;
  59. line-height: 11px;
  60. text-align: justify;
  61. }
  62.  
  63.  
  64. code, kbd, pre, tt {
  65. font-family: monospace;
  66.  
  67. }
  68.  
  69.  
  70. #content {
  71. width: 500px;
  72. margin-right: auto;
  73. margin-left: auto;
  74. margin-bottom: auto;
  75. background-color: transparent;
  76. border-width: 0px;
  77. border-style: solid;
  78. border-color: #999999;
  79. padding: 15px;
  80. margin-top: 30px;
  81. }
  82.  
  83.  
  84. #maincontent {
  85. font-family: "arial", sans-serif;
  86. font-size: 8pt;
  87. background: transparent;
  88. color: #888888;
  89. border: 0px;
  90. text-align: left;
  91. margin-right: auto;
  92. margin-left: auto;
  93. }
  94.  
  95.  
  96.  
  97. #sidebar {
  98. background: transparent;
  99. padding: 5px;
  100. width: 200px;
  101. float: left;
  102. margin-left: -200px;
  103. margin-top: 32px;
  104. color: #;
  105. text-align: justify;
  106. }
  107.  
  108.  
  109. #header {
  110. display: none;
  111. }
  112.  
  113.  
  114. #footer {
  115.  
  116. width: 500px;
  117. padding: 5px;
  118. margin: 0px;
  119. text-align: center;
  120. font-family: lucida console;
  121. font-size: 10px;
  122. font-weight: normal;
  123. letter-spacing: 5px;
  124. border-width: 0px;
  125. background: transparent;
  126. color: #FFFFFF!important;
  127. z-index: 100;
  128. clear: both;
  129. text-transform: uppercase;
  130. -moz-opacity:0.3;
  131. -khtml-opacity: 0.3;
  132. opacity: 0.3;
  133. -webkit-transition: all 0.5s ease;
  134. -moz-transition: all 0.5s ease;
  135. -o-transition: all 0.5s ease;
  136. }
  137.  
  138. #footer:hover {
  139. -moz-opacity:0.3;
  140. -khtml-opacity: 0.3;
  141. opacity: 0.3;
  142. -webkit-transition: all 0.5s ease;
  143. -moz-transition: all 0.5s ease;
  144. -o-transition: all 0.5s ease;
  145. }
  146.  
  147.  
  148. /* header -- links to views; title of journal; subtitle
  149.  
  150. of journal */
  151.  
  152.  
  153.  
  154. ul.navheader {
  155. padding: 0px;
  156. margin: 0px;
  157. }
  158.  
  159.  
  160.  
  161. ul.navheader li {
  162. display:inline;
  163. padding: 0 10px 0 0px;
  164. }
  165.  
  166. .title, .subtitle {
  167. display:none;
  168. }
  169.  
  170. /* sidebar */
  171.  
  172. .defaultuserpic {
  173. display: none;
  174. }
  175.  
  176. .defaultuserpic img {
  177. display: none;
  178. }
  179.  
  180. .sbarheader {
  181. padding: 0px;
  182. }
  183.  
  184.  
  185. .sbarbody {
  186. padding: 0px;
  187. }
  188.  
  189.  
  190. .sbarbody2 {
  191. text-transform: none;
  192. padding: 10px;
  193. border: 0px solid #FFC48C;
  194. background: #EFFAB4;
  195. color: #666666;
  196. font-size: 10px;
  197. font-weight: bold;
  198. font-family: trebuchet ms;
  199. margin-top: 10px;
  200. letter-spacing: 0px;
  201. -moz-opacity:0.3;
  202. -khtml-opacity: 0.3;
  203. opacity: 0.3;
  204. -webkit-transition: all 0.5s ease;
  205. -moz-transition: all 0.5s ease;
  206. -o-transition: all 0.5s ease;
  207. }
  208.  
  209. .sbarbody2:hover {
  210. text-transform: none;
  211. padding: 10px;
  212. border: 0px solid #FFC48C;
  213. background: #EFFAB4;
  214. color: #666666;
  215. font-size: 10px;
  216. font-weight: bold;
  217. font-family: trebuchet ms;
  218. margin-top: 10px;
  219. letter-spacing: 0px;
  220. -moz-opacity:0.9;
  221. -khtml-opacity: 0.9;
  222. opacity: 0.9;
  223. -webkit-transition: all 0.5s ease;
  224. -moz-transition: all 0.5s ease;
  225. -o-transition: all 0.5s ease;
  226. }
  227.  
  228.  
  229. table.calendar {
  230. display:none;
  231. }
  232.  
  233.  
  234. .sbarcalendar {
  235. display:none;
  236.  
  237. }
  238.  
  239. .sbarcalendarposts {
  240. display:none;
  241. }
  242.  
  243. ul.sbarlist{
  244. list-style: none;
  245. margin-left: -40px;
  246. }
  247.  
  248. li.sbaritem{
  249. width: 190px;
  250. color: #FFFFFF;
  251. text-align: left;
  252. background: #EFFAB4;
  253. padding-left: 5px;
  254. border-left: 5px solid #FFC48C;
  255. letter-spacing: -1px;
  256. font-size: 9px;
  257. font-family: tahoma;
  258. text-transform: uppercase;
  259. text-decoration: none!important;
  260. margin-top: 3px;
  261. -webkit-transition: all 0.5s ease;
  262. -moz-transition: all 0.5s ease;
  263. -o-transition: all 0.5s ease;
  264. }
  265.  
  266. li.sbaritem:hover{
  267. width: 190px;
  268. color: #FFFFFF;
  269. text-align: left;
  270. padding-left: 5px;
  271. background: #EFFAB4;
  272. border-left: 10px solid #D1F2A5;
  273. letter-spacing: -1px;
  274. font-size: 9px;
  275. font-family: tahoma;
  276. text-transform: uppercase;
  277. text-decoration: none!important;
  278. margin-top: 3px;
  279. -webkit-transition: all 0.5s ease;
  280. -moz-transition: all 0.5s ease;
  281. -o-transition: all 0.5s ease;
  282.  
  283. }
  284.  
  285.  
  286. li.sbartitle{
  287. padding-left: 0px;
  288. margin-left: 0px;
  289. display: none;
  290. }
  291.  
  292.  
  293. /* maincontent */
  294.  
  295. .subcontent {
  296. background: transparent;
  297. padding: 20px;
  298. }
  299.  
  300.  
  301. .entry {
  302.  
  303. background-color: #EFFAB4;
  304. color: #666666;
  305. font-family: trebuchet ms;
  306. font-size: 11px;
  307. text-align: justify;
  308. border: 0px;
  309. padding: 20px;
  310. margin-top: 6px;
  311. }
  312.  
  313.  
  314.  
  315. .entry img {
  316. max-width: 250px;
  317. }
  318.  
  319.  
  320. .entry ul li {
  321. padding-left: 5px;
  322. margin-left: 15px;
  323. }
  324.  
  325. .entry ol li {
  326. padding-left: 5px;
  327. margin-left: 15px;
  328. }
  329.  
  330.  
  331. .userpic {
  332. display: none;
  333. }
  334.  
  335. .userpicfriends {
  336. float: right;
  337. margin-top: 27px;
  338. margin-right: -125px;
  339. color: #EFFAB4!important;
  340. background: transparent!important;
  341. -moz-opacity:0.3;
  342. -khtml-opacity: 0.3;
  343. opacity: 0.3;
  344. -webkit-transition: all 0.5s ease;
  345. -moz-transition: all 0.5s ease;
  346. -o-transition: all 0.5s ease;
  347. }
  348.  
  349.  
  350. .userpicfriends font, .userpic font {
  351. color: transparent;
  352. text-transform: uppercase;
  353. font-size: 10px;
  354. font-family: arial;
  355. }
  356.  
  357.  
  358. .userpicfriends img, .userpic img {
  359. background: #EFFAB4!important;
  360. border: #EFFAB4 5px solid;
  361. -moz-opacity:0.3;
  362. -khtml-opacity: 0.3;
  363. opacity: 0.3;
  364. -webkit-transition: all 0.5s ease;
  365. -moz-transition: all 0.5s ease;
  366. -o-transition: all 0.5s ease;
  367. }
  368.  
  369.  
  370. .userpicfriends img:hover, .userpic img:hover {
  371. -moz-opacity:0.9;
  372. -khtml-opacity: 0.9;
  373. opacity: 0.9;
  374. -webkit-transition: all 0.5s ease;
  375. -moz-transition: all 0.5s ease;
  376. -o-transition: all 0.5s ease;
  377.  
  378. }
  379.  
  380.  
  381. .date {
  382. color: #cecece;
  383. font-family: lucida console;
  384. text-transform: lowercase;
  385. font-size: 9px;
  386. text-align: center;
  387. display: none;
  388. }
  389.  
  390.  
  391. .subject, h2 {
  392. color: #fff!important;
  393. font-family: lucida console;
  394. font-size: 20px;
  395. letter-spacing: 5px;
  396. text-transform: uppercase;
  397. text-align: left;
  398. background: transparent;
  399. margin-bottom: -3px;
  400. margin-left: 0px;
  401. width: 500px;
  402. }
  403.  
  404. .subject a:link, .subject a:visited, code, .datesubjectcomment
  405.  
  406. a:link, .datesubjectcomment a:visited {
  407. color: #fff;
  408. letter-spacing: -2px;
  409. padding-right: 5px;
  410. -moz-opacity:0.3;
  411. -khtml-opacity: 0.3;
  412. opacity: 0.3;
  413. -webkit-transition: all 0.5s ease;
  414. -moz-transition: all 0.5s ease;
  415. -o-transition: all 0.5s ease;
  416. }
  417.  
  418. .subject a:link:hover {
  419. background-color: #EFFAB4;
  420. padding-right: 5px;
  421. -moz-opacity:0.9;
  422. -khtml-opacity: 0.9;
  423. opacity: 0.9;
  424. -webkit-transition: all 0.5s ease;
  425. -moz-transition: all 0.5s ease;
  426. -o-transition: all 0.5s ease;
  427. }
  428.  
  429. .datesubject {
  430. }
  431.  
  432.  
  433. .currents {
  434. margin-top: 10px;
  435. margin-bottom: -10px;
  436. text-transform: uppercase;
  437. color: #FFC48C;
  438. font-size: 10px;
  439. line-height: 10px;
  440. font-family: tahoma;
  441. text-align: left;
  442. padding-bottom: 2px;
  443. }
  444.  
  445.  
  446.  
  447. .ljtags {
  448. text-transform: uppercase;
  449. font-size: 10px;
  450. color: #FFC48C;
  451. font-family: tahoma;
  452. margin-top: 10px;
  453. margin-bottom: -5px;
  454. text-align: left;
  455.  
  456. }
  457.  
  458.  
  459. .ljtags a {
  460. color: #FFFFFF;
  461. background-color: #D1F2A5;
  462. }
  463.  
  464. .ljtags a:hover {
  465. color: #EFFAB4;
  466. background-color: #D1F2A5;
  467. }
  468.  
  469.  
  470. .comments {
  471. padding-top: 20px;
  472. margin-bottom: -15px;
  473. font-family: lucida console;
  474. font-size: 10px;
  475. text-transform: uppercase;
  476. text-align: left;
  477. font-weight: bold;
  478. color: #D1F2A5!important;
  479. letter-spacing: 5px;
  480. -moz-opacity:0.3;
  481. -khtml-opacity: 0.3;
  482. opacity: 0.3;
  483. -webkit-transition: all 0.5s ease;
  484. -moz-transition: all 0.5s ease;
  485. -o-transition: all 0.5s ease;
  486. }
  487.  
  488. .comments:hover {
  489. color: #FFFFFF!important;
  490. -moz-opacity:0.9;
  491. -khtml-opacity: 0.9;
  492. opacity: 0.9;
  493. -webkit-transition: all 0.5s ease;
  494. -moz-transition: all 0.5s ease;
  495. -o-transition: all 0.5s ease;
  496. }
  497.  
  498.  
  499.  
  500. /* maincontent -- year/archive pages */
  501.  
  502.  
  503. ul.year {
  504. text-align: center;
  505. padding-bottom: 5px;
  506. }
  507.  
  508.  
  509.  
  510. ul.year li {
  511. display: inline;
  512. }
  513.  
  514.  
  515.  
  516. table.yeartable {
  517. margin-left: auto;
  518. margin-right: auto;
  519. }
  520.  
  521.  
  522.  
  523. table.yeartable td.yeardate, table.yeartable td.yearday {
  524. border-width: 0px;
  525. border-style: solid;
  526. border-color: #999999;
  527. }
  528.  
  529.  
  530. table.yeartable td.yearday {
  531. background-color: #eeeeee;
  532. text-align: center;
  533. }
  534.  
  535.  
  536. td.yearmonth {
  537. border-style: none;
  538. }
  539.  
  540.  
  541.  
  542.  
  543. /* footer */
  544.  
  545. ul.navfooter{
  546. padding: 0px;
  547. margin: 0px;
  548. }
  549.  
  550.  
  551.  
  552. ul.navfooter li {
  553. display: inline;
  554. margin: 0 5px 0 5px;
  555. }
  556.  
  557.  
  558.  
  559. .clearfoot {
  560. clear: both;
  561. }
  562.  
  563.  
  564.  
  565.  
  566. /* misc */
  567.  
  568.  
  569.  
  570. .ljtaglist {
  571. list-style-type: none;
  572. padding: 10px;
  573. background-color: #ffffff;
  574. font-family: lucida console;
  575. font-size: 9px;
  576. text-align: left;
  577. }
  578.  
  579.  
  580. .clear {
  581. height: 0px;
  582. }
  583.  
  584.  
  585.  
  586. .skiplinks {
  587. text-align: center;
  588. }
  589.  
  590.  
  591.  
  592.  
  593. .headerimage {
  594. /* for formatting header image */
  595.  
  596. }
  597.  
  598.  
  599. .separator{
  600. height: -60px!important;
  601. margin-top: -30px;
  602. }
  603.  
  604.  
  605.  
  606. /* tiny icons go below here */
  607.  
  608. img[src*="icon_protected.gif"]{width: 0; height: 0; padding: 11px
  609.  
  610. 10px 0 0 !important; background: url
  611.  
  612. (http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/ico
  613.  
  614. ns/lock.gif);}
  615. img[src*="icon_private.gif"]{width: 0; height: 0; padding: 11px
  616.  
  617. 10px 0 0 !important; background: url
  618.  
  619. (http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/ico
  620.  
  621. ns/lock.gif);}
  622. img[src*="icon_groups.gif"]{width: 0; height: 0; padding: 11px
  623.  
  624. 10px 0 0 !important; background: url
  625.  
  626. (http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/ico
  627.  
  628. ns/lock.gif);}
  629.  
  630.  
  631. .ljuser img[src*="userinfo.gif"] { background-image: url
  632.  
  633. (http://i633.photobucket.com/albums/uu58/andshefades/Journal
  634.  
  635. %20Pixels/girl.gif) !important; padding: 9px 9px 0px 0px !
  636.  
  637. important; width: 0 !important; height: 0 !important;}
  638.  
  639. .ljuser img[src*="community.gif"] { background-image: url
  640.  
  641. (http://i633.photobucket.com/albums/uu58/andshefades/Journal
  642.  
  643. %20Pixels/animal.gif) !important; padding: 9px 9px 0px 0px!
  644.  
  645. important; width: 0 !important; height: 0 !important; }
  646.  
  647. .ljuser img[src*="openid-profile.gif"] { background-image: url
  648.  
  649. (http://i104.photobucket.com/albums/m165/dominiquefrancon/layout/
  650.  
  651. qnso6d.png)!important; padding: 16px 16px 0px 0px!important;
  652.  
  653. width: 0 !important; height: 0 !important;}
  654.  
  655. .ljuser img[src*="syndicated.gif"] { background-image: url
  656.  
  657. (http://i104.photobucket.com/albums/m165/dominiquefrancon/layout/
  658.  
  659. smilies/cupcake.gif) !important; padding: 15px 15px 0px 1px !
  660.  
  661. important; width: 0 !important; height: 0 !important;}
  662.  
  663. /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url
  664.  
  665. (http://cur.cursors-4u.net/nature/nat-10/nat990.cur), progress !
  666.  
  667. important;} /* End http://www.cursors-4u.com */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement