Advertisement
Guest User

Untitled

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