Advertisement
vipernora

Chai

Nov 1st, 2013
477
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.16 KB | None | 0 0
  1. /* 'chai' by vipernora @ dreamwidth */
  2.  
  3. /* BODY */
  4. #canvas {background:transparent;}
  5. body {text-align:justify;background-color:#ECE5CE; }
  6.  
  7. #inner {position: absolute; background-color: transparent;width:650px;overflow: hidden;margin-left: 100px;margin-top: 100px;padding:4px;text-align:justify;}
  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:#B06500;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: #774F38;
  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:#774F38;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:#ECE5CE;padding:2px 0px 12px 0px;}
  31.  
  32. .datetime {color:#774F38;margin-top:-150px;}
  33. .time {display:none;}
  34. .datetime a, .datetime a:link, .date, .date a, .date a:link, .date a:visited, .datetime a:hover{color:#774F38;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, 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:#B06500;text-transform:lowercase;text-decoration:none;font-weight:normal;}
  57.  
  58. a:hover {color:#774F38;}
  59.  
  60. .ljuser a {color: #B06500;}
  61.  
  62. /* ENTRIES */
  63. #primary {z-index:1;
  64. background-color: #fff;
  65. overflow: visible;
  66. width:600px;
  67. height: auto;
  68. margin-bottom:0;
  69. margin-left: 420px;
  70. margin-top:0px;
  71. color: #ECE5CE;
  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 #fff;
  77. padding-bottom:10px;}
  78.  
  79. .entry-content {font-family:verdana;line-height:1.25;color:#000;background-color:#fff;margin:5px 20px 0px 10px;}
  80.  
  81. div#primary .userpic img { float:right;
  82. border: 4px double #774F38;
  83. background-color:#ECE5CE;
  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:#774F38;font-family:verdana;font-weight:lighter;text-align:center;width:65px;padding:3px;}
  90.  
  91. span.poster.entry-poster a {color:#774F38;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:#774F38;text-align:left;}
  108.  
  109. .tag ul li a:hover {color: #774F38;font-weight:bold;}
  110.  
  111. ul.entry-management-links { text-align:center;
  112. padding:10px;
  113. margin: 10px 0 0 0;
  114. background-color:#fff; }
  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:#774F38;font-weight:normal;}
  119.  
  120. ul.entry-interaction-links {margin: 10px 0 0 0;text-align: center;background-color:#fff;padding:0 10px 20px 10px; }
  121.  
  122. .entry-interaction-links li a {text-transform:uppercase;color#774F38;}
  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:#774F38;}
  127.  
  128. /* BLOCKQUOTE & TEXTAREA */
  129. blockquote { background: #eee;
  130. border-left: 10px solid #774F38;
  131. margin-left:50px;
  132. padding: 0.5em 10px;
  133. padding-top:10px;
  134. color:#111;
  135. border-radius:5px;}
  136.  
  137. blockquote:before { color: #774F38;
  138. content: open-quote;
  139. font-size: 4em;
  140. line-height: 0.1em;
  141. margin-right: 0.25em;
  142. vertical-align:-0.4em !important;}
  143.  
  144. textarea {background-color:#efefef;color:#000;font-size:7pt;}
  145.  
  146. /* SIDEBAR THINGS */
  147. div#secondary {margin-left:150px;background-color:transparent;width:210px;}
  148. div#secondary .userpic img {border:4px #B06500 double;height:90px;width:90px;margin-left:55px;margin-right:55px;padding:5px;}
  149. .journal-name {text-align: center;text-transform: uppercase;font-family: 'roboto slab',courier new;font-size: 12pt;padding: 4px;width:200px;color: #B06500;overflow: hidden;max-width: inherit;overflow-x: hidden;}
  150. .module-header, .module-header a {color:#B06500;font-family: 'roboto slab',courier new;font-size:12pt;letter-spacing:-1px;text-transform:uppercase;}
  151. .module-content {margin-left:auto;margin-right:auto;font-size:9pt;color:#774F38;font-family:verdana;}
  152. .module-content a {text-transform:lowercase;color:#774F38;}
  153. ul.module-list { margin-left:auto; margin-right:auto;padding:5px;}
  154. ul.module-list:hover { margin-left:auto; margin-right:auto;padding:5px;color:#000;}
  155. .module-navlinks .module-list-item {display: block;width:200px;padding:3px;
  156. text-align:center;font-family:georgia,courier new;letter-spacing: 1.5px;background-color:#774F38;border-bottom:2px #ECE5CE solid;text-transform:uppercase;}
  157. .module-navlinks .module-list-item:hover {display: block;background-color:#ECE5CE;color: #000;border-bottom:2px #ECE5CE solid;}
  158. .module-navlinks .module-list-item a {color:#ECE5CE;width:200px;text-align:center;font-size:12pt;text-transform:uppercase;font-weight:normal;}
  159. .module-navlinks .module-list-item a:hover {font-weight:normal;letter-spacing:7px;color:#ECE5CE;width:200px;text-align:center;}
  160. .module-list-item {display:block;padding:3px;text-align:left;font-family:verdana,courier new;text-transform:lowercase;}
  161. .module-list-item li {list-style-type:none;color:#774F38;}
  162. .module-list-item li:hover {color:#774F38;}
  163. .module-list-item a {color:#774F38;font-size:8pt;text-transform:lowercase;font-weight:normal;}
  164. .module-list-item a:hover {color:#774F38;font-weight:normal;letter-spacing:2px;}
  165. .module-tags_list li, module-tags_list li:hover {background:transparent;text-align:left;padding:0px;letter-spacing:0px;color:transparent;list-style:none;}
  166. .module-tags_list li a {color:#774F38;}
  167. .module-tags_list li a:hover {color:#774F38;padding:0px;letter-spacing:2px;}
  168. div.module-typelist.module {background-color:transparent;margin-top:-300px;list-style-type:none;display:inline;}
  169. div.module-typelist.module a {line-height:1; width:200px; font-size:1em;}
  170. .manage-link {display:none;}
  171. .pagesummary, .pagesummary:hover {color:#774F38;}
  172. .pagesummary-poster a, .pagesummary-poster a:hover, .pagesummary-subject a, .pagesummary-subject a:hover {letter-spacing:0px;}
  173. .header { background-color: #Fff; padding-bottom:0px;color:#fff;}
  174. table {margin-lefT:auto;margin-right:auto;text-align:center;font-family:verdana;}
  175. th{color:#B06500;}
  176. td{padding:3px;text-align:center;}
  177. td.entry-day {background-color:#CEC1B1;}
  178. td.empty-day {background-color:#CEC1B1;}
  179. td.entry-day a {color:#B06500;font-weight:bold;}
  180.  
  181. /* NAVIGATION & FOOTER */
  182. .navigation.bottomnav {margin-left:auto;margin-right:auto;text-align:right;color:transparent;margin-bottom:-60px !important;background-color:#ECE5CE;}
  183. .navigation.topnav {display:none;}
  184. .navigation.bottomnav li {display:inline;text-align:center;font-size:12pt;padding:2px;}
  185. .navigation.bottomnav a {text-transform:uppercase;}
  186. #footer {bottom:0px;position:absolute;background:transparent;}
  187. .footer {padding:5px;background:#fff;border-bottom:15px solid #ECE5CE;}
  188. .footer a {color:#774F38;font-weight:normal;}
  189. .footer a:hover {color:#B06500;}
  190. li.page-back, li.page-forward {list-style-type: none;font-family:georgia;font-size:12pt;background-color:#774F38;}
  191. .page-top {background-color:transparent;color:#B06500;bottom:0px;text-align:right;display:none}
  192. .page-back a, .page-forward a {padding:5px;color:#ECE5CE;}
  193. .page-back a:hover, .page-forward a:hover {color:#ECE5CE;}
  194. li.page-separator {display:none;}
  195.  
  196. /*ARCHIVE PAGES*/
  197. li.active { list-style: none; display: inline; padding: 0; margin: 10px; }
  198. .month { padding: 20px; background-color: #fff; margin: 0 0 10px 0; color:#774F38;}
  199. .month h3 { padding: 0; margin: 0; font-size: 11pt; text-transform: lowercase; letter-spacing: 1pt; color: #774F38; font-family:courier new;}
  200. table.month {padding:10px; }
  201. .month th { text-align: center; margin: 0 2px; text-transform: lowercase; background: #774F38; color:#ECE5CE;}
  202. .month td.day { font-weight: normal; }
  203. .month td.day-has-entries { font-weight: normal; }
  204. .month td.day-has-entries p { padding: 0 0 0 5px; margin: 0; display: inline; }
  205. .month table { width: 100%; border: 0; margin: auto; }
  206. .month caption { display: none; }
  207. td.day { padding: 10px; border: 0; text-align: center; }
  208. .month .footer {border:0;}
  209. .month a {color:#B06500;}
  210.  
  211. /* TAGS PAGE */
  212. .tags-container {color:#774F38;}
  213. .tags-container a {color:#B06500}
  214. .tags-container a:hover {color:#774F38;letter-spacing:2px;}
  215. .tags-container li {list-style:none;}
  216. .tags-container ul {display:block;}
  217. .tags-container h2 {margin-left:10px;color:#774F38;}
  218. .tags-container .footer {border:0;}
  219.  
  220. /* NAVIGATION STRIP */
  221. #lj_controlstrip {top: 0px;left: 0px;width: 100%;height: 45px;margin: 0px;padding: 0px;position: absolute;z-index:5;}
  222. #lj_controlstrip_statustext {color:#ECE5CE;}
  223. #lj_controlstrip td {background-color:#CEC1B1;text-transform:uppercase;}
  224. #lj_controlstrip a {color:#774F38;text-transform:uppercase;font-weight:normal;text-decoration:none;}
  225. #lj_controlstrip a:hover {text-transform:uppercase;font-weight:normal;color:#ECE5CE;text-decoration:none;}
  226. div.metadata.bottom-metadata, div.metadata.bottom-metadata ul {display:none;}
  227.  
  228. /* COMMENT PAGES */
  229. ul.comment-management-links {display: inline;padding-left: 0;margin-left: 0;text-transform: uppercase;}
  230. ul.comment-management-links li { display: inline; padding: 0 .25em;}
  231. ul.comment-interaction-links {display: inline;padding-left: 0;margin-left: 0;text-transform: lowercase;}
  232. ul.userlite-interaction-links.icon-links li {display: inline;padding: 0 .20em;}
  233. ul.userlite-interaction-links.text-links {display:none;text-align: left;}
  234. .comment-content { margin-left:10px;margin-right:10px;margin-top:10px;color:#000;}
  235. div.edittime {margin-top:15px;}
  236. .comment-from-text {margin-left:0px;color:#000;}
  237. .poster-ip {color:#000;}
  238. .comment .footer {background-color:#fff;border:0 !important;}
  239. #comments {margin-left:10px;}
  240. #comments.userpic {float:left;}
  241. .comment-pages.toppages {text-align: center;}
  242. .comment-pages.bottompages {text-align: center; padding:10px;}
  243. .bottomcomment ul.entry-management-links.text-links {display:none;}
  244. label {color:#000;}
  245. .comment-date-text, #comments .datetime {color:#000;}
  246.  
  247. /* METADATA */
  248. div.metadata {color:#777;font-family:georgia;font-variant:small-caps;margin-left:-20px;}
  249. li#metadata {list-style:none;}
  250. li#metadata-mood {list-style:none;}
  251. li#metadata-location {list-style:none;}
  252. li#metadata-music {list-style:none;}
  253. span.metadata-label.metadata-label-mood {font-variant:small-caps;}
  254.  
  255. /* TINY ICONS */
  256. img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  257. background: transparent url(http://tinyurl.com/k6vlu5j) no-repeat; padding: 16px 0 0 16px !important; }
  258. 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