API tools faq
paste
vipernora

Berry Black

vipernora
Oct 31st, 2013
569
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.98 KB | None | 0 0
raw download clone embed print report
  1. /* berry black by vipernora @ dreamwidth */
  2.  
  3. /* BODY */
  4. #canvas {background:transparent;}
  5.  
  6. body {text-align:justify;background:url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/patterns/twinkle_twinkle_zpsbbffa71c.png) repeat;background-color: #000; }
  7.  
  8. #inner {position: absolute;
  9. background-color: transparent;
  10. width:650px;
  11. overflow: hidden;
  12. margin-left: 100px;
  13. margin-top: 100px;
  14. padding:4px;
  15. text-align:justify;
  16. color: #777;
  17. font-size: 12px;
  18. line-height: 12px;
  19. text-decoration: none;}
  20.  
  21.  
  22. /* HEADER */
  23. #header {background:transparent;width:600px;z-index:2;top:0;margin-left:420px;padding:5px;height:170px;}
  24.  
  25. h2#subtitle {color:#ccc;font-family:'roboto slab', 'courier new', sans serif;text-align:center;margin-top:-25px;text-transform:uppercase;font-size:14pt;letter-spacing:9pt;}
  26.  
  27. h2#pagetitle {display:none;}
  28.  
  29. h1#title {font-size: 40px;
  30. font-family:'roboto slab',sans-serif;
  31. font-weight: bold;
  32. text-transform: uppercase;
  33. text-align:center;
  34. letter-spacing: 15pt;
  35. color: #C11F5A;
  36. padding-top:20px;
  37. text-shadow:2px 14px 15px #fff;}
  38.  
  39. h3 {text-align:center;font-family: 'roboto slab', sans-serif;color:#000;font-size:18px;}
  40.  
  41. h3.entry-title a { color:#777;font-family:'courier new';font-size:12pt;font-weight:lighter;line-height:50%;top:-50px;text-transform:uppercase;}
  42.  
  43. .entry .header {text-align:center;top:-20px;position:relative;background-color:#111;padding:2px 0px 12px 0px;}
  44.  
  45. .datetime {color:#ccc;margin-top:-150px;}
  46. .time {display:none;}
  47. .datetime a, .datetime a:link, .date, .date a, .datetime a:hover{color:#777;font-family:courier new;line-height:50%;text-transform:uppercase;}
  48.  
  49. h2 { font-size: 18px;
  50. font-family: 'courier new';
  51. font-weight: bold;
  52. text-transform: lowercase;
  53. color: #000;
  54. line-height:17px; }
  55.  
  56. h4.comment-title a {font-size:12px;
  57. font-family:'courier new';
  58. font-weight: bold;
  59. text-transform:lowercase;
  60. color:#000;}
  61.  
  62.  
  63. /* GENERAL LINKS */
  64.  
  65. a, a:link, a:visited {-webkit-transition: all .8s ease-out;
  66. -moz-transition: all .8s ease-out;
  67. -o-transition: all .8s ease-out;
  68. transition: all .8s ease-out;
  69. color:#C11F5A;text-transform:lowercase;text-decoration:none;}
  70.  
  71. a:hover {color:#C6A49A;}
  72.  
  73. .ljuser a {color: #C11F5A;}
  74.  
  75.  
  76. /* ENTRIES */
  77. #primary {z-index:1;
  78. background-color: #fff;
  79. overflow: visible;
  80. width:600px;
  81. height: auto;
  82. margin-bottom:0;
  83. margin-left: 420px;
  84. margin-top:0px;
  85. color: #111;
  86. font-family: verdana, helvetica, "courier new", "times new roman", georgia;
  87. font-size: 11px;
  88. line-height: 12px;
  89. position:absolute;
  90. box-shadow:100px #fff;
  91. padding-bottom:10px;}
  92.  
  93. .entry-content {font-family:verdana;line-height:1.25;color:#000;background-color:#fff;margin:5px 20px 0px 10px;}
  94.  
  95. div#primary .userpic img { float:right;
  96. border: 4px double #fff;
  97. background-color:#000;
  98. margin-top:-50px;margin-right:-105px;
  99. padding:0px;
  100. width:60px;
  101. height:60px; }
  102.  
  103. span.poster.entry-poster {margin-top:20px;margin-right:-110px;text-align:center;float:right;background-color:transparent;color:#777;font-family:verdana;font-weight:lighter;text-align:center;width:65px;padding:3px;}
  104.  
  105. span.poster.entry-poster a {color:#777;text-transform:lowercase;font-size:7pt;auto;text-align:center;}
  106.  
  107. span.poster.entry-poster img {display:none;}
  108.  
  109. .tag ul {background: url("http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/attach_zpsc86ee8c1.png") no-repeat scroll 0 50% transparent;
  110. padding: 4px 0 4px 28px;
  111. text-align: left;
  112. color:transparent;
  113. font-size:7pt;}
  114.  
  115. div.tag {margin-left:5px;padding-bottom:20px;color:transparent}
  116.  
  117. .tag-text {display:none;}
  118.  
  119. .tag ul li {display: inline;padding: .25em;text-align:left;}
  120.  
  121. .tag ul li a {color:#C6A49A;text-align:left;}
  122.  
  123. .tag ul li a:hover {color: #C6A49A;font-weight:bold;}
  124.  
  125. ul.entry-management-links { text-align:center;
  126. padding:10px;
  127. margin: 10px 0 0 0;
  128. background-color:#fff; }
  129.  
  130. ul.entry-management-links li {display: inline;list-style: none;font-size: 7pt;font-weight: normal;text-transform: lowercase;color:#000;padding: 0 5px 0 0;letter-spacing:0; }
  131.  
  132. ul.entry-management-links a {text-transform:uppercase;color:#777;}
  133.  
  134. ul.entry-interaction-links {margin: 10px 0 0 0;text-align: center;background-color:#fff;padding:0 10px 20px 10px; }
  135.  
  136. .entry-interaction-links li a {text-transform:uppercase;color#C11F5A;}
  137.  
  138. ul.entry-interaction-links li {display: inline;list-style: none; font-size:10pt;font-weight: normal;padding: 5px;letter-spacing: 0;font-family:verdana; }
  139.  
  140. ul.entry-interaction-links a:hover {color:#C6A49A;}
  141.  
  142. /* BLOCKQUOTE & TEXTAREA */
  143. blockquote { background: #eee;
  144. border-left: 10px solid #C11F5A;
  145. margin-left:50px;
  146. padding: 0.5em 10px;
  147. padding-top:10px;
  148. color:#111;
  149. border-radius:5px;}
  150.  
  151. blockquote:before { color: #C11F5A;
  152. content: open-quote;
  153. font-size: 4em;
  154. line-height: 0.1em;
  155. margin-right: 0.25em;
  156. vertical-align:-0.4em !important;}
  157.  
  158. textarea {background-color:#efefef;color:#000;font-size:7pt;}
  159.  
  160. /* SIDEBAR THINGS */
  161. div#secondary {margin-left:150px;background-color:transparent;width:210px;}
  162.  
  163. div#secondary .userpic img {border:4px #eee double;height:90px;width:90px;margin-left:55px;margin-right:55px;padding:5px;}
  164.  
  165. .journal-name {text-align: center;text-transform: uppercase;font-family: 'roboto slab',courier new;font-size: 12pt;padding: 4px;width:200px;color: #777;overflow: hidden;max-width: inherit;overflow-x: hidden;}
  166.  
  167. .module-header, .module-header a {color:#eee;font-family: 'roboto slab',courier new;font-size:12pt;letter-spacing:-1px;text-transform:uppercase;}
  168.  
  169. .module-content {margin-left:auto;margin-right:auto;font-size:8pt;color:#777;font-family:verdana;}
  170.  
  171. .module-content a {text-transform:lowercase;color:#777;}
  172.  
  173. ul.module-list { margin-left:auto; margin-right:auto;padding:5px;}
  174.  
  175. ul.module-list:hover { margin-left:auto; margin-right:auto;padding:5px;color:#000;}
  176.  
  177. .module-navlinks .module-list-item {display: block;
  178. width:200px;
  179. padding:3px;
  180. text-align:center;
  181. font-family:georgia, 'courier new';
  182. letter-spacing: 1.5px;
  183. background-color:#C11F5A;
  184. border-bottom:2px #000 solid;
  185. text-transform:uppercase;}
  186.  
  187. .module-navlinks .module-list-item:hover {display: block;background-color:#000;color: #000;border-bottom:2px #000 solid;}
  188.  
  189. .module-navlinks .module-list-item a {color:#000;width:200px;text-align:center;font-size:12pt;text-transform:uppercase;}
  190.  
  191. .module-navlinks .module-list-item a:hover {letter-spacing:7px;color:#000;width:200px;text-align:center;}
  192.  
  193. .module-list-item {display:block;padding:3px;text-align:left;font-family:verdana,courier new;text-transform:lowercase;}
  194.  
  195. .module-list-item li {list-style-type:none;color:#C11F5A;}
  196. .module-list-item li:hover {color:#C11F5A;}
  197. .module-list-item a {color:#777;font-size:8pt;text-transform:lowercase;}
  198. .module-list-item a:hover {color:#eee;letter-spacing:2px;}
  199.  
  200. .module-tags_list li, module-tags_list li:hover {background:transparent;text-align:left;padding:0px;letter-spacing:0px;color:transparent;list-style:none;}
  201. .module-tags_list li a {color:#777;}
  202. .module-tags_list li a:hover {color:#eee;padding:0px;letter-spacing:2px;}
  203. div.module-typelist.module {background-color:transparent;margin-top:-300px;list-style-type:none;display:inline;}
  204. div.module-typelist.module a {line-height:1; width:200px; font-size:1em;}
  205. .manage-link {display:none;}
  206.  
  207. .pagesummary, .pagesummary:hover {color:#777;}
  208. .pagesummary-poster a, .pagesummary-poster a:hover, .pagesummary-subject a, .pagesummary-subject a:hover {letter-spacing:0px;}
  209.  
  210. .header { background-color: #fff; padding-bottom:0px;color:#fff;}
  211. table {margin-lefT:auto;margin-right:auto;text-align:center;font-family:verdana;}
  212. th{color:#777;}
  213. td{padding:3px;text-align:center;}
  214. td.entry-day {background-color:#C11F5A;}
  215. td.empty-day {background-color:#ccc;}
  216. td.entry-day a {color:#000;}
  217.  
  218.  
  219. /* NAVIGATION & FOOTER */
  220. .navigation.bottomnav {margin-left:auto;margin-right:auto;text-align:right;color:transparent;margin-bottom:-60px !important;background-color:#000;}
  221. .navigation.topnav {display:none;}
  222. .navigation.bottomnav li {display:inline;text-align:center;font-size:12pt;padding:2px;}
  223. .navigation.bottomnav a {text-transform:uppercase;}
  224. #footer {bottom:0px;position:absolute;background:transparent;}
  225. .footer {padding:5px;background:#fff;border-bottom:15px solid #000;}
  226. .footer a {color:#C11F5A;}
  227. .footer a:hover {color:#C6A49A;}
  228. li.page-back, li.page-forward {list-style-type: none;font-family:georgia;font-size:12pt;background-color:#C11F5A;}
  229. .page-top {display:none}
  230. .page-back a, .page-forward a {padding:5px;color:#000;}
  231. .page-back a:hover, .page-forward a:hover {color:#000;}
  232. li.page-separator {display:none;}
  233.  
  234. /*ARCHIVE PAGES*/
  235. li.active { list-style: none; display: inline; padding: 0; margin: 10px; }
  236. .month { padding: 20px; background-color: #fff; margin: 0 0 10px 0;}
  237. .month h3 { padding: 0; margin: 0; font-size: 11pt; text-transform: lowercase; letter-spacing: 1pt; color: #000; font-family:courier new;}
  238. table.month {padding:10px; }
  239. .month th { text-align: center; margin: 0 2px; text-transform: lowercase; background: #000; color:#C6A49A;}
  240. .month td.day { font-weight: normal; }
  241. .month td.day-has-entries { font-weight: normal; }
  242. .month td.day-has-entries p { padding: 0 0 0 5px; margin: 0; display: inline; }
  243. .month table { width: 100%; border: 0; margin: auto; }
  244. .month caption { display: none; }
  245. td.day { padding: 10px; border: 0; text-align: center; }
  246. .month .footer {border:0;}
  247. .month a {color:#C6A49A;}
  248.  
  249. /* TAGS PAGE */
  250. .tags-container {color:#000;}
  251. .tags-container a {color:#C6A49A;}
  252. .tags-container a:hover {color:#C11F5A;letter-spacing:2px;}
  253. .tags-container li {list-style:none;}
  254. .tags-container ul {display:block;}
  255. .tags-container h2 {margin-left:10px;color:#C6A49A;}
  256. .tags-container .footer {border:0;}
  257.  
  258. /* NAVIGATION STRIP */
  259. #lj_controlstrip {top: 0px;left: 0px;width: 100%;height: 45px;margin: 0px;padding: 0px;position: absolute;z-index:5;}
  260. #lj_controlstrip_statustext {color:#ccc;}
  261. #lj_controlstrip td {background:url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/patterns/daimond_eyes_zpsbce3bff2.png)repeat;
  262. background-color:#000;text-transform:uppercase;}
  263. #lj_controlstrip a {color:#C6A49A;text-transform:uppercase;font-weight:normal;text-decoration:none;}
  264. #lj_controlstrip a:hover {text-transform:uppercase;font-weight:normal;color:#ccc;text-decoration:none;}
  265. div.metadata.bottom-metadata, div.metadata.bottom-metadata ul {display:none;}
  266. #lj_controlstrip .ljuser a {color:#ccc;}
  267.  
  268. /* COMMENT PAGES */
  269. ul.comment-management-links {display: inline;padding-left: 0;margin-left: 0;text-transform: uppercase;}
  270. ul.comment-management-links li { display: inline; padding: 0 .25em;}
  271. ul.comment-interaction-links {display: inline;padding-left: 0;margin-left: 0;text-transform: lowercase;}
  272. ul.userlite-interaction-links.icon-links li {display: inline;padding: 0 .20em;}
  273. ul.userlite-interaction-links.text-links {display:none;text-align: left;}
  274. .comment-content { margin-left:10px;margin-right:10px;margin-top:10px;color:#000;}
  275. div.edittime {margin-top:15px;}
  276. .comment-from-text {margin-left:0px;}
  277. .comment .footer {background-color:#fff;border:0 !important;}
  278. #comments {margin-left:10px;}
  279. #comments.userpic {float:left;}
  280. .comment-pages.toppages {text-align: center;}
  281. .comment-pages.bottompages {text-align: center; padding:10px;}
  282. .bottomcomment ul.entry-management-links.text-links {display:none;}
  283.  
  284. /* METADATA */
  285.  
  286. div.metadata {color:#777;font-family:georgia;font-variant:small-caps;margin-left:-20px;}
  287.  
  288. li#metadata-mood {list-style:none;}
  289.  
  290. li#metadata-location {list-style:none;}
  291.  
  292. li#metadata-music {list-style:none;}
  293.  
  294. span.metadata-label.metadata-label-mood {font-variant:small-caps;}
  295.  
  296.  
  297. img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  298.  
  299. 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; }
  300.  
  301. img[src*="private.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  302.  
  303. 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; }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!