SHARE
TWEET

EUPHEMIA: mighty slate

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