SHARE
TWEET

EUPHEMIA: light

vipernora Jul 14th, 2013 483 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* EUPHEMIA BY LUCIDA AT VIPERNORA. LIGHT WITH 'THOUGHT PROVOKING' PALETTE BY COLOURLOVERS. */
  2.  
  3. /* HEADER */
  4.  
  5. #header {position: fixed; background: transparent url() no-repeat;z-index:2;margin-top:470px;}
  6.  
  7. #canvas { background-color: transparent;}
  8.  
  9. body{
  10. text-align:justify;
  11. background-color: #fff;
  12. background:url() repeat;
  13. background-attachment: fixed; }
  14.  
  15. /* GENERAL LINKS */
  16. a, a:link, a:visited {
  17. -webkit-transition: all .8s ease-out;
  18. -moz-transition: all .8s ease-out;
  19. -o-transition: all .8s ease-out;
  20. transition: all .8s ease-out;    
  21. color:#C02942; text-decoration:none;}
  22.  
  23. a:hover {color:#D95B43;}
  24.  
  25. .ljuser a {color:#542437;}
  26.  
  27. h2#pagetitle, h2#subtitle { display: none; }
  28.  
  29. /* IMPORTANT */
  30.  
  31. #inner {position: absolute;    
  32. background-color: transparent;
  33. width:650px;
  34. overflow: hidden;
  35. margin-left: 100px;
  36. margin-top: 100px;
  37. padding:4px;
  38. text-align:justify;
  39. color: #777777;
  40. font-family: helvetica;
  41. font-size: 12px;
  42. line-height: 12px;
  43. text-decoration: none;}
  44.  
  45. /* ENTRIES */
  46.  
  47. #primary {z-index:3;
  48. border: 0px solid #292929;
  49. background-color: #fff;
  50. overflow: visible;
  51. width:600px;
  52. height: auto;
  53. margin-bottom:0;
  54. margin-left: 420px;
  55. margin-top:0px;
  56. color: #111;
  57. font-family: verdana, helvetica, "courier new", "times new roman", georgia;
  58. font-size: 11px;
  59. line-height: 12px;
  60. position:absolute;}
  61.  
  62. blockquote {padding-top:3px;padding-left:12px;padding-right:5px; margin:10px 20px 10px 30px; border-left:10px solid #ECD078;border-right:10px solid #ECD078;background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/UoqIj_zps3da3b583.png) repeat;border-radius:10px;line-height:1.4;font-size:7pt;}
  63.  
  64. textarea {background-color:#efefef;color:#000;border-style:1px dotted #eee;}
  65.  
  66. /* do not enable because this will fuck up everything */
  67. h1#title {
  68. font-size: 18px;
  69. line-height: 42px;
  70. font-family:courier new;
  71. font-weight: 400;
  72. text-transform: uppercase;
  73. letter-spacing: 1px;
  74. color: #fff;
  75. padding-bottom:8px;
  76. width:200px;
  77. display:none;}
  78.  
  79. h3.entry-title a { font-size: 18px;
  80. font-family: courier new;
  81. text-transform: uppercase;
  82. color: #fff; }
  83.  
  84. h2 { font-size: 18px;
  85. font-family: courier new;
  86. font-weight: bold;
  87. text-transform: lowercase;
  88. color: #fff;
  89. line-height:17px; }
  90.  
  91. h4.comment-title a {font-size:12px;
  92. font-family:courier new;
  93. font-weight: bold;
  94. text-transform:uppercase;
  95. color:#fff;}
  96.  
  97. .entry-content {margin-left:10px;margin-right:20px;margin-top:10px;font-family:verdana;line-height:1.25;color:#000;min-height:100px;}
  98.  
  99. div#primary .userpic img { float:right;
  100.     border: 8px double #000;
  101.     background-color:#fff;
  102. margin-top:0px;margin-right:-105px;
  103.     padding:0px;
  104.     width:60px;
  105.     height:60px;
  106. box-shadow: 0px 3px 7px #000;  }
  107.  
  108. span.poster.entry-poster {margin-top:78px;margin-right:-105px;text-align:center;float:right;width:76px;background-color:transparent;color:#000;font-family:verdana;font-size:1em;}
  109.  
  110. span.poster.entry-poster a {color:#000;text-transform:lowercase;}
  111.  
  112. span.poster.entry-poster img {display:none;}
  113.  
  114. .tag ul {
  115. display: inline;
  116.     color: #eee;
  117. font-family: courier new;
  118. font-size:11px;
  119. margin-left: .5px;
  120.     padding-left: 0;
  121. line-height:22px;
  122. }
  123.  
  124. .tag ul li {display: inline; padding: .25em;}
  125.  
  126. .tag ul li a {color: #eee; background-color:#000;padding:2px;}
  127.  
  128. .tag ul li a:hover {color: #000; background-color:#eee;
  129.     padding: 2px;font-weight:bold;}
  130.  
  131.  /* same for month view */
  132.  
  133. ul.entry-management-links {
  134. text-transform:uppercase;
  135.     margin-left: 0;
  136.     padding-left: 0;
  137. text-align:center;}
  138.  
  139. ul.entry-management-links li {
  140.     display: inline;
  141.     padding: 0 .25em;}
  142.  
  143. ul.comment-management-links {display: inline;
  144. padding-left: 0;
  145. margin-left: 0;
  146. text-transform: uppercase;}
  147.  
  148. ul.comment-management-links li { display: inline;
  149. padding: 0 .25em;}
  150.  
  151. ul.comment-interaction-links {display: inline;
  152. padding-left: 0;
  153. margin-left: 0;
  154. text-transform: lowercase;}
  155.  
  156. ul.entry-interaction-links.text-links, ul.entry-interaction-links {display: inline;
  157. padding-left: 0; padding-bottom:10px;
  158. text-transform: uppercase;
  159. text-align:center;
  160. margin-left:0px;
  161. }
  162.  
  163. ul.comment-interaction-links li, ul.entry-interaction-links li { display: inline;
  164. padding: 0 .25em;}
  165.  
  166. ul.userlite-interaction-links.icon-links {
  167.     display:none;
  168.     margin-left: 0;
  169.     padding-left: 0;
  170. }
  171.  
  172. ul.userlite-interaction-links.icon-links li {
  173.     display: inline;
  174.     padding: 0 .20em;
  175. }
  176.  
  177. ul.userlite-interaction-links.text-links {
  178.     display:none;
  179.     text-align: left;
  180. }
  181.  
  182. /* SIDEBAR THINGS */
  183.  
  184. div#secondary {background-color:#eee;
  185. color: #fff;
  186. text-decoration:none;
  187. font-family: arial;
  188. font-size: 9px;
  189. line-height:10px;  
  190. margin-left: 100px;
  191. border-right:0px solid #ccc;
  192. position:fixed;
  193. width: 200px;
  194. height: 800px;
  195. padding: 8px;
  196. top:0px;
  197. left:0px;
  198. bottom:200px;
  199. overflow: visible;
  200. float:left;
  201. }
  202.  
  203. div#secondary .userpic img { border: 14px double #000;
  204.     margin-left:45px;
  205.     background-color:#fff;
  206.     width:80px;
  207.     height:80px;
  208.     z-index:4;
  209. margin-top: 20px;
  210. opacity:0.9;
  211. filter:alpha(opacity=40);
  212. }
  213.  
  214. h2.module-header {display:none}
  215.  
  216. ul.module-list { margin-left:0; margin-right:5px;padding:5px; margin-top:50px; color: #111;}
  217.  
  218. .module-list-item, .module-list-item a {display: block;
  219. width:20px;
  220. font-family: georgia;
  221. font-size: 1.7em;
  222. letter-spacing: -2px;
  223. font-weight: bold;
  224. color: #ccc;
  225. text-transform:lowercase;
  226. line-height:16pt;}
  227.  
  228. .module-list-item a:hover {display: block;
  229. width:20px;
  230. font-family: georgia;
  231. font-style: italic;
  232. font-size: 1.7em;
  233. letter-spacing: 1px;
  234. font-weight: bold;
  235. color: #eee;
  236. text-transform:lowercase;
  237. line-height:16pt;}
  238.  
  239. li.module-list-item a.current.recent, li.module-list-item a.recent {color:#ECD078;}
  240. li.module-list-item a.archive {color:#D95B43;}
  241. li.module-list-item a.read {color:#C02942;}
  242. li.module-list-item a.memories {color:#542437;}
  243. li.module-list-item a.tags {color:#53777A;}
  244. li.module-list-item a.userinfo {color:#033649;}
  245.  
  246.  
  247. li.module-list-item a.current.recent:hover, li.module-list-item a.recent:hover, li.module-list-item a.archive:hover, li.module-list-item a.read:hover, li.module-list-item a.memories:hover, li.module-list-item a.tags:hover, li.module-list-item a.userinfo:hover {color:#eee;}
  248.  
  249. div.module-typelist.module {background-color:transparent;margin-top:-300px;list-style-type:none;display:inline;}
  250.  
  251. div.module-typelist.module a {line-height:1; width:200px; font-size:1em;}
  252.  
  253. .manage-link {display:none;}
  254.  
  255. .header { background-color:#000;
  256. top:0px;
  257. padding-top:2px;padding-bottom:2px;
  258. color:#fff;
  259. text-align:center;}
  260.  
  261. .footer {padding:20px;
  262. background-color:#fff; }
  263.  
  264. #footer { background-color:#fff;}
  265.  
  266. div.inner li.page-back {list-style-type: none;
  267. background-color:transparent; margin-left:0px; margin-top:0px;height:10px;font-family:courier new;font-size:12pt;
  268. }
  269.  
  270. li.page-forward {list-style-type: none; margin-top:-8px; margin-right:35px; text-align:right;font-family:courier new;font-size:12pt;
  271. }
  272.  
  273. .navigation.bottomnav {width:600px; margin-left:0px; background-color:#fff;border-top:3px #fff solid; padding: 2px 0px 2px 0px;}
  274.  
  275.  
  276. .navigation.topnav {display:none;}
  277.  
  278. .page-top {width:650px; margin-left:0;display:none;}
  279.  
  280. .page-back a, .page-forward a {color:#111; margin-left:0px;font-size:1em;padding-top:5px;}
  281.  
  282. .page-back a:hover, .page-forward a:hover { color:eee;}
  283.  
  284. li.page-separator {display:none;}
  285.  
  286. .comment-content { margin-left:10px;margin-right:10px;margin-top:10px;color:#000;}
  287.  
  288. div.edittime {margin-top:15px;}
  289.  
  290. .comment-from-text {margin-left:0px;}
  291.  
  292. #comments {margin-left:10px;}
  293.  
  294. #comments.userpic {float:left;}
  295.  
  296. .comment-pages.toppages {text-align: center;}
  297. .comment-pages.bottompages {text-align: center; padding:10px;}
  298.  
  299. .bottomcomment ul.entry-management-links.text-links {display:none;}
  300.  
  301. span.datetime, .datetime a, .datetime a:hover {color:#ccc;text-align:center;text-transform:uppercase;letter-spacing:5px;}
  302.  
  303. span.date, span.time {}
  304.  
  305. /* TINY ICONS */
  306.  
  307.  
  308. img[src*="user.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  309. background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/anchor_zpsd7a2d3f6.png) no-repeat; padding: 16px 0 0 16px !important; }
  310. img[src*="community.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  311. background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/palette_zps13e61e2c.png) no-repeat; padding: 16px 0 0 16px !important; }
  312.  
  313.  
  314. img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  315. background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/lock_zpsd8ff6372.png) no-repeat; padding: 16px 0 0 16px !important; }
  316. img[src*="private.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  317. background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/key_zps8cbc026c.png) no-repeat; padding: 16px 0 0 16px !important; }
  318.  
  319. /*ARCHIVE PAGES*/
  320. div#archive-year {width:100%;}
  321. div#archive-year ul {text-align:center;}
  322. div#archive-year ul li {display:inline;}
  323.  
  324. div.month .header {background-color:#fff;}
  325.  
  326. .month caption{display:none}
  327.  
  328. .month { padding: 20px; background-color: #fff; }
  329.  
  330. .month h3 {font-family:courier new;font-size: 12pt; text-transform: uppercase; letter-spacing: 5pt; color: #000; }
  331.  
  332. table.month {padding:5px; }
  333.  
  334. .month th { text-align: center; margin:5px; background: #000; color:#fff;text-transform:lowercase;}
  335.  
  336. .month td.day-has-entries p { padding: 0 0 0 5px;display:inline; }
  337. .month table {width: 500px; margin-left:auto;margin-right:auto; }
  338.  
  339. td.day { padding: 10px; text-align: center; }
  340.  
  341. /* NAVIGATION STRIP */
  342.  
  343. #lj_controlstrip {top: 0px;
  344. left: 0px;
  345. width: 100%;
  346. height: 45px;
  347. margin: 0px;
  348. padding: 0px;
  349. position: absolute;
  350. z-index:5;
  351. border:0;
  352. background:url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/patterns/daimond_eyes_zpsbce3bff2.png) repeat;}
  353.  
  354. #lj_controlstrip_statustext {color:#000;}
  355.  
  356. #lj_controlstrip td {color:#000;}
  357.  
  358. #lj_controlstrip a {color:#53777A;text-transform:lowercase;font-weight:normal;text-decoration:none;}
  359.  
  360. #lj_controlstrip a:hover {text-transform:lowercase;font-weight:normal;color:#53777A;text-decoration:none;}
  361.  
  362. td#lj_controlstrip_actionlinks, td#lj_controlstrip_user {border:0}
  363.  
  364. div.metadata.bottom-metadata, div.metadata.bottom-metadata ul {display:none;}
  365.  
  366. div.navigation.bottomnav.empty {background-color:transparent;}
  367.  
  368. /* ETC */
  369. img{max-width:550px;}
RAW Paste Data
Top