API tools faq
paste
Advertisement
vipernora

Vanessa

vipernora
Nov 3rd, 2013
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.69 KB | None | 0 0
raw download clone embed print report
  1. /* 'vanessa' by vipernora @ dreamwidth */
  2.  
  3. /* FONTS */
  4.  
  5. @font-face {
  6.   font-family: 'Nixie One';
  7.   font-style: normal;
  8.   font-weight: 400;
  9.   src: local('Nixie One'), local('NixieOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/nixieone/v4/gQ0PT3rPU_Et2ExNz-ahmj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  10. }
  11. @font-face {
  12.   font-family: 'Raleway Dots';
  13.   font-style: normal;
  14.   font-weight: 400;
  15.   src: local('Raleway Dots'), local('RalewayDots-Regular'), url(http://themes.googleusercontent.com/static/fonts/ralewaydots/v1/lhLgmWCRcyz-QXo8LCzTfHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  16. }
  17.  
  18. /* BODY */
  19. #canvas {background:transparent;}
  20. body {text-align:justify;background-color:#CEC5CF; }
  21.  
  22. #inner {position: absolute;  background-color: transparent;width:650px;overflow: hidden;margin-left: 100px;margin-top: 100px;padding:4px;text-align:justify;color: #777777;font-family: helvetica;font-size: 12px;line-height: 12px;text-decoration: none;}
  23.  
  24.  
  25. /* HEADER */
  26. #header {background:transparent;z-index:2;top:0;padding:5px;width:600px;margin-left:420px;}
  27.  
  28. h2#pagetitle {display:none;}
  29. h2#subtitle {display:none;}
  30.  
  31. h1#title {font-size: 40px;
  32. font-family:'raleway dots',courier new;
  33. font-weight: bold;
  34. text-transform: uppercase;
  35. text-align:center;
  36. letter-spacing: 1pt;
  37. color: #A4898F;
  38. padding-top:20px;
  39. text-shadow:2px 14px 15px #777;}
  40.  
  41. h3 {text-align:center;font-family: 'raleway dots', sans serif;color:#000;font-size:18px;}
  42.  
  43. h3.entry-title a { color:#eee;font-family:'nixie one', georgia;font-size:12pt;font-weight:lighter;top:-50px;text-transform:uppercase;line-height:1.1;}
  44.  
  45. .entry .header {text-align:center;top:-20px;position:relative;background-color:#51445F;padding:2px 0px 12px 0px;}
  46.  
  47. .datetime {color:#eee;margin-top:-150px;}
  48. .time {display:none;}
  49. .datetime a, .datetime a:link, .date, .date a, .date a:visited, .datetime a:hover{color:#eee;font-family:georgia;text-transform:uppercase;;}
  50.  
  51. h2 { font-size: 18px;
  52. font-family: 'nixie one', courier new;
  53. font-weight: bold;
  54. text-transform: lowercase;
  55. color: #000; }
  56.  
  57. h4.comment-title a {font-size:12px;
  58. font-family:'nixie one', courier new;
  59. font-weight: bold;
  60. text-transform:lowercase;
  61. color:#000;}
  62.  
  63.  
  64. /* GENERAL LINKS */
  65.  
  66. a, a:link, a:visited {-webkit-transition: all .8s ease-out;
  67. -moz-transition: all .8s ease-out;
  68. -o-transition: all .8s ease-out;
  69. transition: all .8s ease-out;    
  70. color:#A890A8;text-transform:lowercase;text-decoration:none;}
  71.  
  72. a:hover {color:#A4898F;}
  73.  
  74. .ljuser a {color: #A890A8;}
  75.  
  76. /* ENTRIES */
  77. #content {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: #CEC5CF;
  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#content .userpic img { float:right;
  96.     border: 4px double #462F4F;
  97.     background-color:#CEC5CF;
  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:#A890A8;font-family:verdana;font-weight:lighter;text-align:center;width:65px;padding:3px;}
  104.  
  105. span.poster.entry-poster a {color:#A890A8;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://tinyurl.com/lceqbsk) 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:#A4898F;text-align:left;}
  122.  
  123. .tag ul li a:hover {color: #A4898F;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:#A4898F;}
  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#A4898F;}
  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:#A4898F;}
  141.  
  142. hr {display:none;}
  143.  
  144. /* BLOCKQUOTE & TEXTAREA */
  145. blockquote {  background: #eee;
  146.   border-left: 10px solid #C0B3BC;
  147.   margin-left:50px;
  148.   padding: 0.5em 10px;
  149.   padding-top:10px;
  150.   color:#111;
  151.   border-radius:5px;}
  152.  
  153. blockquote:before {  color: #C0B3BC;
  154.   content: open-quote;
  155.   font-size: 4em;
  156.   line-height: 0.1em;
  157.   margin-right: 0.25em;
  158.   vertical-align:-0.4em !important;}
  159.  
  160. textarea {background-color:#efefef;color:#000;font-size:7pt;}
  161.  
  162. /* SIDEBAR THINGS */
  163. .module-section-two {margin-left:150px;background-color:transparent;width:210px;}
  164. .module-section-two .userpic img {border:4px #462F4F double;height:90px;width:90px;margin-left:55px;margin-right:55px;padding:5px;}
  165. .journal-name {text-align: center;text-transform: uppercase;font-family: 'raleway dots',courier new;font-size: 12pt;padding: 4px;width:200px;color: #A890A8;overflow: hidden;max-width: inherit;overflow-x: hidden;}
  166. .module-header, .module-header a, .module-header a:hover {color:#A890A8;font-family: 'nixie one',courier new;font-size:12pt;text-transform:uppercase;}
  167. .module-content {margin-left:auto;margin-right:auto;font-size:8pt;color:#777;font-family:verdana;}
  168. .module-content a {text-transform:lowercase;color:#777;}
  169. ul.module-list { margin-left:auto; margin-right:auto;padding:5px;}
  170. ul.module-list:hover { color:#000;}
  171.  
  172. .module-section-one {text-align:center;margin-left: 420px;padding-bottom:20px;font-family:'raleway dots';width:600px;}
  173. .module-navlinks ul {display:inline;list-style:none;}
  174. .module-navlinks {padding-bottom:20px;}
  175. .module-navlinks ul li {display:inline;list-style:none;text-align:center;}
  176.  
  177. .module-navlinks .module-list-item {display:inline;padding:3px;
  178. text-align:center;font-family:georgia,courier new;letter-spacing: 1.5px;background-color:transparent; solid;text-transform:uppercase;}
  179.  
  180. .module-navlinks .module-list-item a {color:#A890A8;text-align:center;font-size:11pt;text-transform:uppercase;font-family:'nixie one', 'raleway dots';font-weight:normal;}
  181.  
  182. .module-navlinks .module-list-item a:hover {color:#51445F;}
  183.  
  184. .module-list-item {display:block;padding:3px;text-align:left;font-family:verdana,courier new;text-transform:lowercase;}
  185. .module-list-item li {list-style-type:none;color:#A4898F;}
  186. .module-list-item li:hover {color:#A4898F;}
  187. .module-list-item a {color:#777;font-size:8pt;text-transform:lowercase;}
  188. .module-list-item a:hover {color:#A4898F;}
  189. .module-tags_list li, module-tags_list li:hover {background:transparent;text-align:left;padding:0px;letter-spacing:0px;color:transparent;list-style:none;}
  190. .module-tags_list li a {color:#777;}
  191. .module-tags_list li a:hover {color:#A4898F;padding:0px;}
  192. div.module-typelist.module {background-color:transparent;margin-top:-300px;list-style-type:none;display:inline;}
  193. div.module-typelist.module a {line-height:1; width:200px; font-size:1em;}
  194. .manage-link {display:none;}
  195. .pagesummary, .pagesummary:hover {color:#777;}
  196. .pagesummary-poster a, .pagesummary-poster a:hover, .pagesummary-subject a, .pagesummary-subject a:hover {letter-spacing:0px;}
  197. .header { background-color: #Fff; padding-bottom:0px;color:#fff;}
  198. table {margin-lefT:auto;margin-right:auto;text-align:center;font-family:verdana;}
  199. th{color:#A890A8;}
  200. td{padding:3px;text-align:center;color:#fff;}
  201. td.entry-day {background-color:#51445F;}
  202. td.empty-day {background-color:#51445F;}
  203. td.entry-day a {color:#A890A8;}
  204.  
  205. span#site-branding, .module-credit.module {display:none;}
  206. .userlite-interaction-links {display:none;}
  207.  
  208. /* NAVIGATION & FOOTER */
  209. .navigation.bottomnav {margin-left:auto;margin-right:auto;text-align:right;color:transparent;margin-bottom:-60px !important;background-color:#CEC5CF;}
  210. .navigation.topnav {display:none;}
  211. .navigation.bottomnav li {display:inline;text-align:center;font-size:12pt;padding:2px;}
  212. .navigation.bottomnav a {text-transform:uppercase;}
  213. #footer {bottom:0px;position:absolute;background:transparent;}
  214. .footer {padding:5px;background:#fff;border-bottom:15px solid #CEC5CF;}
  215. .footer a {color:#A4898F;}
  216. .footer a:hover {color:#A890A8;}
  217. li.page-back, li.page-forward {list-style-type: none;font-family:georgia;font-size:12pt;background-color:#A4898F;}
  218. .page-top {background-color:transparent;color:#eee;bottom:0px;text-align:right;display:none}
  219. .page-back a, .page-forward a {padding:5px;color:#CEC5CF;}
  220. .page-back a:hover, .page-forward a:hover {color:#CEC5CF;}
  221. li.page-separator {display:none;}
  222.  
  223. /*ARCHIVE PAGES*/
  224. li.active { list-style: none; display: inline; padding: 0; margin: 10px; }
  225. .month { padding: 20px; background-color: #fff; margin: 0 0 10px 0; color:#777;}
  226. .month h3 { padding: 0; margin: 0; font-size: 11pt; text-transform: lowercase; letter-spacing: 1pt; color: #A4898F; font-family:'nixie one', courier new;}
  227. table.month {padding:10px; }
  228. .month th { text-align: center; margin: 0 2px; text-transform: lowercase; background: #51445f; color:#CEC5CF;}
  229. .month td.day { font-weight: normal; color:#000;}
  230. .month td.day-has-entries { font-weight: normal; }
  231. .month td.day-has-entries p { padding: 0 0 0 5px; margin: 0; display: inline; }
  232. .month table { width: 100%; border: 0; margin: auto; }
  233. .month caption { display: none; }
  234. td.day { padding: 10px; border: 0; text-align: center; }
  235. .month .footer {border:0;}
  236. .month a {color:#A890A8;}
  237.  
  238. /* TAGS PAGE */
  239. .tags-container {color:#777;line-height:1.5;}
  240. .tags-container a {color:#A890A8}
  241. .tags-container a:hover {color:#777;letter-spacing:2px;}
  242. .tags-container li {list-style:none;}
  243. .tags-container ul {display:block;}
  244. .tags-container h2 {margin-left:10px;color:#A4898F;}
  245. .tags-container .footer {border:0;}
  246.  
  247. /* NAVIGATION STRIP */
  248. #lj_controlstrip {top: 0px;left: 0px;width: 100%;height: 45px;margin: 0px;padding: 0px;position: absolute;z-index:5;border:0;}
  249. #lj_controlstrip_statustext {color:#CEC5CF;}
  250. #lj_controlstrip td {background-color:#51445F;text-transform:uppercase;border:0;color:#CEC5CF;}
  251. #lj_controlstrip a {color:#A4898F;text-transform:uppercase;font-weight:normal;text-decoration:none;}
  252. #lj_controlstrip a:hover {text-transform:uppercase;font-weight:normal;color:#CEC5CF;text-decoration:none;}
  253. div.metadata.bottom-metadata, div.metadata.bottom-metadata ul {display:none;}
  254. #lj_controlstrip .ljuser a {color:#CEC5CF;}
  255.  
  256. /* COMMENT PAGES */
  257. ul.comment-management-links {display: inline;padding-left: 0;margin-left: 0;text-transform: uppercase;list-style:none;}
  258. ul.comment-management-links li {list-style:none;display: inline; padding: 0 .25em;}
  259. ul.comment-interaction-links {display: inline;padding-left: 0;margin-left: 0;text-transform: lowercase;list-style:none;}
  260. ul.comment-interaction-links li {list-style:none;display:inline;}
  261. ul.userlite-interaction-links.icon-links li {display: inline;padding: 0 .20em;}
  262. ul.userlite-interaction-links.text-links {display:none;text-align: left;}
  263. .comment-content { margin-left:10px;margin-right:10px;margin-top:10px;color:#000;}
  264. div.edittime {margin-top:15px;}
  265. .comment-from-text {margin-left:0px;}
  266. .comment .footer {background-color:#fff;border:0 !important;}
  267. #comments {margin-left:10px;color:#000;}
  268. #comments.userpic {float:left;}
  269. .comment-pages.toppages {text-align: center;}
  270. .comment-pages.bottompages {text-align: center; padding:10px;}
  271. .bottomcomment ul.entry-management-links.text-links {display:none;}
  272. label {color:#000;}
  273. .poster-ip, .comment-date-text, #comments .datetime {color:#000;}
  274.  
  275. /* METADATA */
  276. div.metadata {color:#777;font-family:georgia;font-variant:small-caps;margin-left:-20px;}
  277. li#metadata {list-style:none;}
  278. li#metadata-mood {list-style:none;}
  279. li#metadata-location {list-style:none;}
  280. li#metadata-music {list-style:none;}
  281. span.metadata-label.metadata-label-mood {font-variant:small-caps;}
  282.  
  283. /* TINY ICONS */
  284. img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  285. background: transparent url(http://tinyurl.com/k6vlu5j) no-repeat; padding: 16px 0 0 16px !important; }
  286. 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
Public Pastes
Advertisement
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!