API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 5th, 2012
290
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.06 KB | None | 0 0
raw download clone embed print report
  1. /* please keep this credit intact :)
  2. Layout:
  3. By punch @ novoluxa; this version: blue */
  4.  
  5. body {
  6. background-color: #f7f7f7; background-attachment: fixed; background-position: bottom left; background-repeat: repeat;
  7. background-image: url("http://i.imgur.com/rtXoa.png");
  8. text-align: center;
  9. color: #494641;
  10. font-family: trebuchet ms;
  11. }
  12.  
  13. body{cursor: url(http://pinkluvhh.tripod.com/arrow2.cur), auto;} a:hover
  14. {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  15.  
  16. a, a:link, a:visited {color: #97C2D3 !important; font-family: lucida sans unicode; text-decoration: none; font-size: 7pt; font-weight: normal; text-transform:uppercase;
  17. -webkit-transition: all 0.7s ease-out;
  18. -moz-transition: all 0.7s ease-out;
  19. transition: all 0.7s ease-out;}
  20. a:hover {color: #215B65!important;
  21. -webkit-transition: all 0.7s ease-out;
  22. -moz-transition: all 0.7s ease-out;
  23. transition: all 0.7s ease-out;}
  24. ::-moz-selection {background: #2A6480; color: #C9DDD2;}
  25.  
  26.  
  27. b,B,strong {color:#498FB1;font-family: trebuchet ms; font-size: 7.5pt; font-weight:bold; letter-spacing:1px; text-transform:uppercase;}
  28. i,I,em {color: #007F97!important;font-family: georgia !important; font-size: 11px !important;font-style: italic !important; font-weight:light !important;text-transform: lowercase !important; letter-spacing:1px !important; text-decoration:none; padding: 1px;}
  29. s,S,strike {color: #97C2D3;font-family: courier new; font-size: 7.5pt; font-weight:bold; letter-spacing:0px; text-transform:uppercase; text-decoration: ;}
  30. big {color: #f1a283;font-family: 'georgia'; font-size: 16pt; font-weight: bold; letter-spacing:1px; text-transform: lowercase; !important;font-style: italic !important; }
  31. small {color:#97C2D3; font-family: 'georgia'; font-size: 7.5pt; font-weight:normal; font-style: italic; letter-spacing:1px; text-transform: none; letter-spacing:1px;}
  32. u,U {color:#362643;font-family: trebuchet ms; font-size: 7.5pt; font-weight:normal; text-transform:uppercase;letter-spacing:0px; text-decoration: ; border-bottom: 1px dashed #CDAABE;}
  33.  
  34. blockquote {
  35. margin: 10px 10px 0 20px;
  36. padding: 8px;
  37. background-color: #2A6480;
  38. border-left: 10px solid #498FB1;
  39. color: #C9DDD2;
  40. font: 8pt lucida sans unicode, sans-serif;
  41. text-align: justify;
  42. }
  43.  
  44. code, kbd, pre, tt {
  45. background-color: #cccccc;
  46. border: 1px solid #498FB1;
  47. font-size: 11px;
  48. color: #2A6480;
  49. }
  50.  
  51. textarea, .textbox, select, input {
  52. background-color: #cccccc;
  53. border: 1px solid #498FB1;
  54. font-size: 11px;
  55. color: #2A6480;
  56. }
  57.  
  58. button, .button {
  59. background-color: #cccccc;
  60. border: 1px solid #498FB1;
  61. font-size: 11px;
  62. color: #2A6480;
  63. }
  64.  
  65. }
  66.  
  67. #content {
  68. width: 780px;
  69. margin-left: 200px;
  70. margin-right: auto;
  71. padding: 30px;
  72. }
  73.  
  74. #maincontent {
  75.  
  76. width: 550px;
  77. font-family: trebuchet ms;
  78. font-size: 9.5px;
  79. background-color: #C9DDD2;
  80. color: #494641;
  81. margin: 20px 20px 10px 400px;
  82. text-align: center;
  83.  
  84. }
  85.  
  86. #sidebar {
  87. float: left;
  88. position:;
  89. padding: 10px 0px 0px 10px;
  90. margin: 0px 0px 0px 200px;
  91. background-color: #C9DDD2;
  92. font-size: 9.5px;
  93. font-family: trebuchet ms;
  94. text-transform: lowercase;
  95. color: #2A6480;
  96. width: 180px;
  97. text-align: justify;
  98. }
  99.  
  100.  
  101. .headerimage {
  102. display: none;}
  103.  
  104. #footer {
  105. text-align: center;
  106. font-family: century gothic;
  107. font-size: 8.5px;
  108. font-weight: none;
  109. letter-spacing: 1px;
  110. text-transform: uppercase;
  111. color: #6B696A;
  112. padding: 9px 9px 9px 9px;
  113. margin: 0px 0px 0px 400px;
  114. background-color: #C9DDD2;
  115. width: 530px;
  116. clear: both;
  117. }
  118.  
  119. /* header -- links to views; title of journal; subtitle of journal */
  120.  
  121. #header {width:780px;margin:-30px 0 0 0;padding:40px 10px 10px 10px;height:60px;}
  122. div#header a, div#header a:link, div#header a:visited, li.view {background-color:#6B696A;padding:2px;color:#dddddd;text-decoration:none;text-transform:uppercase;letter-spacing:+1px;font-size:6pt;}
  123.  
  124. .title {text-align:right;font-family:Century Gothic, sans-serif;font-size:16pt;text-transform:uppercase;letter-spacing:+2px;margin-top:-50px;color:#6B696A;}
  125. .subtitle{text-align:right;font-size:6pt;letter-spacing:+6px;color:#6B696A;}
  126. ul.navheader{margin-left:0px;padding-top:5px;}
  127. ul.navheader li {list-style:none;display:inline;}
  128.  
  129. /* sidebar */
  130.  
  131. #sidebar {
  132. margin-right: 5px;
  133. margin-left: 200px;
  134. width: 180px;}
  135.  
  136. #sidebox {
  137. background: #C9DDD2;
  138. padding-bottom: 5px;
  139. border: 0px solid #f1f1f1;
  140. margin: 0px 0;}
  141.  
  142.  
  143. .sbarbody a {
  144. display: block;
  145. padding: 2px;
  146. padding-left: 5px;
  147. border-bottom: 0px solid #ffffff;
  148. font-family: 'Tahoma';
  149. font-size: 9px;
  150. background-color: #2A6480;
  151. color:#97C2D3;
  152. border-left: 5px solid #498FB1;
  153. letter-spacing: 1px;
  154. line-height: 11px;
  155. text-transform: uppercase;
  156. word-spacing: 3px;
  157. text-decoration: none;
  158. opacity:0.8;
  159. filter:alpha(opacity=80);
  160. -webkit-transition: all 0.5s ease-in-out;
  161. -moz-transition: all 0.5s ease-in-out;
  162. -o-transition: all 0.5s ease-in-out;
  163. -ms-transition: all 0.5s ease-in-out;
  164. transition: all 0.5s ease-in-out;}
  165.  
  166. .sbarbody a:hover {
  167. display: block;
  168. text-align: right;
  169. padding-left: 5px;
  170. padding: 2px;
  171. border-bottom: 0px solid #ffffff;
  172. font-family: 'Tahoma';
  173. font-size: 9px;
  174. background-color: #2A6480;
  175. color:#97C2D3!important;
  176. border-left: 10px solid #007F97;
  177. letter-spacing: 1px;
  178. line-height: 11px;
  179. text-transform: uppercase;
  180. word-spacing: 3px;
  181. text-decoration: none;
  182. opacity:1;
  183. filter:alpha(opacity=100);
  184. -webkit-transition: all 0.5s ease-in-out;
  185. -moz-transition: all 0.5s ease-in-out;
  186. -o-transition: all 0.5s ease-in-out;
  187. -ms-transition: all 0.5s ease-in-out;
  188. transition: all 0.5s ease-in-out;
  189. }
  190.  
  191.  
  192. div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
  193. color: #97C2D3;
  194. -webkit-transition: all 0.5s ease-in-out;
  195. -moz-transition: all 0.5s ease-in-out;
  196. -o-transition: all 0.5s ease-in-out;
  197. -ms-transition: all 0.5s ease-in-out;
  198. transition: all 0.5s ease-in-out;
  199. }
  200. div#sidebar a:hover {
  201. color: #498FB1;
  202. text-decoration: none;
  203. -webkit-transition: all 0.5s ease-in-out;
  204. -moz-transition: all 0.5s ease-in-out;
  205. -o-transition: all 0.5s ease-in-out;
  206. -ms-transition: all 0.5s ease-in-out;
  207. transition: all 0.5s ease-in-out;
  208. }
  209.  
  210. .defaultuserpic {
  211. width:100px;
  212. padding:7px!important;
  213. background-color:#97C2D3;
  214. margin-left: 35px;
  215. border:none!important;
  216. opacity:0.8;
  217. filter:alpha(opacity=80);
  218. -webkit-transition: all 0.5s ease-in-out;
  219. -moz-transition: all 0.5s ease-in-out;
  220. -o-transition: all 0.5s ease-in-out;
  221. -ms-transition: all 0.5s ease-in-out;
  222. transition: all 0.5s ease-in-out;
  223. }
  224.  
  225. .defaultuserpic:hover {
  226. background-color:#498FB1;
  227. opacity:1;
  228. filter:alpha(opacity=100);
  229. -webkit-transition: all 0.5s ease-in-out;
  230. -moz-transition: all 0.5s ease-in-out;
  231. -o-transition: all 0.5s ease-in-out;
  232. -ms-transition: all 0.5s ease-in-out;
  233. transition: all 0.5s ease-in-out;
  234. }
  235.  
  236.  
  237. .sbarheader {
  238. padding: 5px;
  239. background-color: transparent;
  240. }
  241.  
  242. .sbarbody {
  243. padding: 0px 5px 0px 5px;
  244. }
  245.  
  246. .sbarbody2 {
  247. padding: 0 15px 0 15px;
  248. }
  249.  
  250. #sidebar_summary li.sbaritem {
  251. display: none;
  252. }
  253.  
  254. table.calendar {
  255. background-color: #97C2D3;}
  256.  
  257. .sbarcalendar {
  258. display: none;
  259. padding: 2px;
  260. width: 80% !important;
  261. font-family: georgia;
  262. }
  263.  
  264. .sbarcalendarposts {
  265. display: none;
  266. background-color: #eee8d9;
  267. text-align: center;
  268. font-family: georgia;
  269. font-size: 11px;
  270. }
  271.  
  272.  
  273. ul.sbarlist
  274. {
  275. padding-left: 0px;
  276. margin-left: 0px;
  277. list-style: none;
  278. text-transform: uppercase;
  279. font-family: century gothic;
  280. font-size: 14px;
  281. line-height: 16px;
  282. letter-spacing: 1px;}
  283.  
  284. li.sbaritem, .tagcloud
  285. {
  286. padding-left: 0px;
  287. list-style: none;
  288. border-bottom: solid 1px transparent;}
  289.  
  290. li.sbartitle
  291. {
  292. padding-left: 15px;
  293. list-style: none;
  294. background-color: #97C2D3;
  295. margin-bottom: 10px;
  296. margin-top: 10px;
  297. }
  298.  
  299. /* maincontent */
  300.  
  301. .entry {
  302. margin: 10px 10px 20px 10px;
  303. margin-left: auto;
  304. padding: 10px;
  305. background-color: #C9DDD2;
  306. color: #6B696A;
  307. font-family: trebuchet ms;
  308. font-size: 10px;
  309. text-align: justify;
  310. }
  311.  
  312.  
  313.  
  314. .entry img {
  315. max-width: 250px;
  316. }
  317.  
  318. .entry ul li
  319. {
  320. padding-left: 5px;
  321. margin-left: 15px;
  322. }
  323.  
  324. .entry ol li
  325. {
  326. padding-left: 5px;
  327. margin-left: 15px;
  328. }
  329. .userpic, .userpicfriends {
  330. position: relative;
  331. float: right;
  332. background-color: transparent !important;
  333. margin: 0px -130px 0px 0px;
  334. z-index: 15;
  335. text-align: center;
  336. }
  337.  
  338. .userpic img, .userpicfriends img {
  339. background-color: #97C2D3 !important;
  340. border: 7px solid #97C2D3;
  341. opacity:0.8;
  342. filter:alpha(opacity=80);
  343. -webkit-transition: all 0.5s ease-in-out;
  344. -moz-transition: all 0.5s ease-in-out;
  345. -o-transition: all 0.5s ease-in-out;
  346. -ms-transition: all 0.5s ease-in-out;
  347. transition: all 0.5s ease-in-out;
  348. }
  349.  
  350. .userpic img:hover, .userpicfriends img:hover {
  351. background-color: #498FB1 !important;
  352. border: 7px solid #498FB1;
  353. opacity:1;
  354. filter:alpha(opacity=100);
  355. -webkit-transition: all 0.5s ease-in-out;
  356. -moz-transition: all 0.5s ease-in-out;
  357. -o-transition: all 0.5s ease-in-out;
  358. -ms-transition: all 0.5s ease-in-out;
  359. transition: all 0.5s ease-in-out;
  360. }
  361.  
  362. .userpic a font, .userpicfriends a font {
  363. color: #666;
  364. text-align: center;
  365. }
  366.  
  367.  
  368.  
  369. .date {
  370. font-family: arial;
  371. text-transform: uppercase;
  372. color: #215B65;
  373. padding: 10px 0px 0px 10px;}
  374.  
  375. .subject {
  376. display: block;
  377. padding:0 5px 5px 5px;
  378. background-color:#;
  379. color:#2A6480;
  380. text-transform:uppercase;
  381. font-face: lucida sans unicode;
  382. font-size:14px;
  383. text-decoration:none;
  384. letter-spacing:+1px;
  385. text-align:center;
  386. -webkit-transition: all 0.7s ease-out;
  387. -moz-transition: all 0.7s ease-out;
  388. transition: all 0.7s ease-out;
  389. }
  390.  
  391. .subject a, .subject a:link, .subject a:visited {
  392. text-decoration:none;
  393. color:#2A6480;
  394. font-size:14px;
  395. -webkit-transition: all 0.7s ease-out;
  396. -moz-transition: all 0.7s ease-out;
  397. transition: all 0.7s ease-out;
  398.  
  399. }
  400. .subject a:hover {
  401. color:#215B65;
  402. -webkit-transition: all 0.7s ease-out;
  403. -moz-transition: all 0.7s ease-out;
  404. transition: all 0.7s ease-out;
  405. }
  406.  
  407. .datesubject {
  408. border-bottom: 2px solid #97C2D3;
  409. background-color: #C9DDD2;
  410. }
  411.  
  412. .currents, .currentmood, .currentmusic {
  413. font-face: lucida sans unicode;
  414. font-size: 10px;
  415. font-color: #498FB1;
  416. font-weight: bold;
  417. text-align: right;
  418.  
  419. }
  420.  
  421. .ljtags {
  422. margin-top: 10px;
  423. border-right: 5px solid #215B65;
  424. padding-right: 5px;
  425. text-align: right;
  426. text-transform: uppercase;
  427. }
  428.  
  429. .comments {
  430. font-family: courier new;
  431. text-transform: uppercase;
  432. color: #498FB1;
  433. font-size: 9.5px;
  434. text-align: center;
  435. background-color: transparent;
  436. padding: 0px 5px 0px 5px;
  437. position: relative;
  438. top: 15px;
  439. -webkit-transition: all 0.7s ease-out;
  440. -moz-transition: all 0.7s ease-out;
  441. transition: all 0.7s ease-out;
  442. }
  443.  
  444. div.comments a, div.comments a:link, div.comments a:visited{
  445. color: #498FB1;
  446. -webkit-transition: all 0.7s ease-out;
  447. -moz-transition: all 0.7s ease-out;
  448. transition: all 0.7s ease-out;
  449. }
  450.  
  451. div.comments a:hover {
  452. color: #007F97;
  453. -webkit-transition: all 0.7s ease-out;
  454. -moz-transition: all 0.7s ease-out;
  455. transition: all 0.7s ease-out;
  456. }
  457.  
  458.  
  459. /* maincontent -- entry, reply pages */
  460.  
  461. .datesubjectcomment {
  462. background-color: #C9DDD2;
  463. padding: 5px;
  464. margin-top: 20px;
  465. }
  466.  
  467. .userpiccomment {
  468. position: relative;
  469. background-color: #498FB1;
  470. top: -30px;
  471. left: 0px;
  472. padding: 5px;
  473. margin: 10px 10px -20px 10px;
  474. z-index: 15;
  475. float: left;
  476. }
  477.  
  478. .box {
  479. padding: 10px;
  480. clear: left;
  481. }
  482.  
  483. input, textarea {
  484. background-color: #C9DDD2;
  485. color: #2A6480;
  486. }
  487.  
  488. textarea.textbox {
  489. width:90% !important;
  490. }
  491.  
  492. .reply {
  493. position: relative;
  494. margin: 20px 30px 10px 30px;
  495. padding: 25px 10px 10px 10px;
  496. margin-left: 130px;
  497. text-align: left;
  498. font-family: arial;
  499. font-size: 9.5px;
  500. line-height: 125%;
  501. background-color: #C9DDD2;
  502. color: #2A6480;
  503. }
  504.  
  505. .commentreply {
  506. position: relative;
  507. margin: 10px;
  508. font-size: 9.5px;
  509. font-family: arial;
  510. color: #2A6480;
  511. }
  512.  
  513. .commentbox {
  514.  
  515. border: 1px solid #97C2D3;
  516. font-family: arial;
  517. padding: 1px;
  518. margin: 10px;
  519. background-color: #C9DDD2;
  520. }
  521.  
  522. .datesubjectcomment a:link, .datesubjectcomment a:visited {
  523. color: #2A6480;
  524. }
  525.  
  526. .datesubjectcomment a:hover {
  527. color: #007F97;
  528. }
  529.  
  530. .commentboxpartial {
  531. padding: 10px;
  532. margin: 10px;
  533. background-color: #C9DDD2;
  534. }
  535.  
  536. .commentsubject {
  537. width: 50%;
  538. }
  539.  
  540. .commentinfo {
  541. background-color: #C9DDD2;
  542. margin-top: 10px;
  543. width: 50%;
  544. }
  545.  
  546.  
  547. /* maincontent -- year/achive pages */
  548.  
  549. ul.year {
  550. text-align: center;
  551. padding-bottom: 40px;
  552. }
  553.  
  554. ul.year li {
  555. display: inline;
  556. }
  557.  
  558. table.yeartable {
  559. margin-left: auto;
  560. margin-right: auto;
  561. }
  562.  
  563. table.yeartable td.yeardate, table.yeartable td.yearday {
  564. border-width: 1px;
  565. border-style: solid;
  566. border-color: #C9DDD2;
  567. }
  568.  
  569. table.yeartable td.yearday {
  570. background-color: #97C2D3;
  571. text-align: center;
  572. }
  573.  
  574. td.yearmonth {
  575. border-style: none;
  576. }
  577.  
  578.  
  579. /* footer */
  580.  
  581. ul.navfooter{
  582. padding: 0px;
  583. margin: 0px;
  584. }
  585.  
  586. ul.navfooter li {
  587. display: inline;
  588. margin: 0 5px 0 5px;
  589. }
  590.  
  591.  
  592. .clearfoot {
  593. clear: both;
  594. }
  595.  
  596.  
  597. /* misc */
  598.  
  599. .clearfoot {
  600. clear: both; }
  601.  
  602. .clear {
  603. height: 0px; }
  604.  
  605. .skiplinks {
  606. text-align: center;
  607. }
  608.  
  609. .separator{
  610. background: #97C2D3;
  611. height: 3px;
  612. display: relative;
  613. }
  614.  
  615. * html div.subcontent {
  616. /* fixes an IE reply page bug */
  617. height: 1%;
  618. clear: none;
  619. }
  620.  
  621.  
  622. * html div.box#commentform {
  623. /* fixes an IE reply page bug */
  624. position: absolute;
  625. background-color: #C9DDD2;
  626. }
  627.  
  628. /* controlstrip */
  629.  
  630. #lj_controlstrip {
  631. background:url('http://i.imgur.com/FR3yV.png') repeat scroll 0 0 #f7f7f7;
  632. color:#bbb; font-family: courier new!important; text-transform:uppercase; font-weight:normal;
  633. }
  634. #lj_controlstrip_statustext {
  635. color:#bbb;
  636. font-family: courier new; text-transform:uppercase;
  637. font-weight:normal;
  638. font-size:11pt;
  639. }
  640. #lj_controlstrip a {
  641. color:#bbb;
  642. font-family: courier new; text-transform:uppercase;
  643. }
  644. #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
  645. border:0px;
  646. font-family: "lucida console", monaco; text-transform:uppercase;
  647. }
  648. #lj_controlstrip_userpic {
  649. background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000");
  650. }
  651. #lj_controlstrip_loggedout_userpic {
  652. background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000");
  653. }
  654. #lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
  655. background:none repeat scroll 0 0 #f9f9f9!important;font-family: courier new!important;text-transform:uppercase;
  656. border:0 none;
  657. color:#bbb;
  658. }
  659.  
  660. #lj_controlstrip input {font-size:10pt; padding:2px 1px 1px 1px;}
  661.  
  662. #lj_controlstrip_search_input_text {}
  663.  
  664. #lj_controlstrip_search_submit {margin-left:3px!important;}
  665.  
  666. #lj_controlstrip_actionlinks {font-family:courier new!important; border:0px!important; font-size:11pt!important;}
  667.  
  668. label {font-family:courier new!important;}
  669.  
  670. #lj_controlstrip .ljuser a b {
  671. font-weight:normal;
  672. font-family: courier new; text-transform:uppercase;
  673. color:#bbb;
  674. }
  675.  
  676. #lj_controlstrip_user img, .ljuser img {width: 0; height: 0; background: transparent url() no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}
  677.  
  678.  
  679. span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
  680. background: transparent url(http://i54.tinypic.com/2qjefj5.jpg) no-repeat !important; padding: 14px 0 0 14px !important; }
  681. 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; }
  682. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
  683. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
  684. img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
  685. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
  686. img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
  687. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
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!