Advertisement
vipernora

Orange Spice

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