Advertisement
melmoonyoz

noxvita theme: #09 - C.R.E.A.M.

Feb 28th, 2013
658
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.39 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!--noxvita theme: #09 - C.R.E.A.M.
  5. do not remove credit nor redistribute as own.
  6. this is an original theme by mel @ noxvita-->
  7.  
  8. <!-- DEFAULT VARIABLES -->
  9.  
  10. <meta name="color:text" content="#000000" />
  11. <meta name="color:link" content="#88857a" />
  12. <meta name="color:linkhovercolor" content="#c8cac8" />
  13. <meta name="color:big" content="#665456" />
  14. <meta name="color:bold" content="#e9c98f" />
  15. <meta name="color:title" content="#686661" />
  16. <meta name="color:italic" content="#f2e5be" />
  17. <meta name="color:border" content="#e4e3e2" />
  18. <meta name="color:ex links" content="#fffefd" />
  19. <meta name="color:ex links bg" content="#fffefd" />
  20. <meta name="color:info" content="#000000" />
  21.  
  22. <meta name="text:Link1" content="/" />
  23. <meta name="text:Link1 Title" content="link 1" />
  24. <meta name="text:Link2" content="/" />
  25. <meta name="text:Link2 Title" content="link 2" />
  26. <meta name="text:Link3" content="/" />
  27. <meta name="text:Link3 Title" content="link 3" />
  28. <meta name="text:Link4" content="/" />
  29. <meta name="text:Link4 Title" content="link 4" />
  30. <meta name="text:Link5" content="/" />
  31. <meta name="text:Link5 Title" content="link 5" />
  32. <meta name="text:Link6" content="/" />
  33. <meta name="text:Link6 Title" content="link 6" />
  34.  
  35. <meta name="image:sidebar1" content=""/>
  36. <meta name="image:sidebar2" content=""/>
  37.  
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42.  
  43. <link rel="shortcut icon" href="{Favicon}" />
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  45.  
  46. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,900,900italic,700italic' rel='stylesheet' type='text/css'>
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53.  
  54. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  55. <style>
  56. div#qTip {
  57. padding: 2px;
  58. display: none;
  59. font-style:italic;
  60. text-align: center;
  61. position: absolute;
  62. line-height:10px;
  63. z-index: 1000;
  64. background: white;
  65. color: {color:text};
  66. text-transform:lowercase;
  67. letter-spacing: 1px;
  68. }
  69. </style>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar-thumb:vertical {background-color: black; height:50px;}
  75.  
  76. ::-webkit-scrollbar-thumb:horizontal {background-color: white; height:10px !important;}
  77.  
  78. ::-webkit-scrollbar {height:10px; width:5px; background-color: white;}
  79.  
  80. body {background-color:white; color:{color:text}; text-align:justify; font-family:times new; line-height:100%; letter-spacing:0px;font-size: 9px; text-transform:lowercase; background-image: url(''); background-position: center; background-attachment:fixed;}
  81.  
  82. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  83. a:hover{color:{color:linkhovercolor}; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  84.  
  85. #entries { margin-left:480px; width:520px; margin-top:100px;}
  86.  
  87. #posts{ margin-top:10px; overflow:hidden; padding:10px; background-color:white;}
  88.  
  89. #titles{ color:#252525; font-family:times new; text-transform:uppercase; font-size:10px; font-style:italic; letter-spacing:0px; line-height:14px; margin-bottom:-4px;}
  90.  
  91. ::selection {
  92. background-color:{color:italic};
  93. color:{color:Background}
  94. }
  95.  
  96. #sbimage1{width:205px; height:100%;
  97. position:fixed; z-index:0; opacity:1;
  98. -webkit-transition: all 0.7s ease-in-out;
  99. -moz-transition: all 0.7s ease-in-out;
  100. -o-transition: all 0.7s ease-in-out;}
  101.  
  102. #sbimage1 img{width:205px; height:100%;
  103. -webkit-transition: all 0.7s ease-in-out;
  104. -moz-transition: all 0.7s ease-in-out;
  105. -o-transition: all 0.7s ease-in-out;}
  106.  
  107. #sbar {width:205px; height:100%; left:270px; top:0px; padding-top:0px; background-color:white; position:absolute; overflow:hidden; z-index:1;}
  108.  
  109.  
  110. #sbar2 {height:100%; width:100px; left:166px; top:0px; padding-top:0px; background-color:{color:info}; position:fixed; overflow:hidden; opacity:1; z-index:99999; border-right:4px solid white;}
  111.  
  112. #sbimage2{ opacity:1; -webkit-transition: all 1s ease;}
  113.  
  114. #sbimage2 img{width:65px; margin-bottom:25px; padding:2px; background-color:#c9c8c8; border:5px solid white;}
  115.  
  116. #custom {position:fixed; width:0px; width:100px; text-align:center; margin-top:135px; margin-left:10px; opacity:1; -webkit-transition: all 2s ease-in-out;
  117. -moz-transition: all 2s ease-in-out;
  118. -o-transition: all 2s ease-in-out;}
  119.  
  120. #customlink { float:left; display:block; width:80px; line-height:30px; letter-spacing:5px; font-style:italic; font-size:8px; font-family:times new; text-transform:uppercase; color:white; text-align:center; margin-bottom:25px; border-bottom:1px solid white;
  121. -webkit-transition: all 0.5s ease-in-out;
  122. -moz-transition: all 0.5s ease-in-out;
  123. -o-transition: all 0.5s ease-in-out;}
  124.  
  125. #customlink:hover {background-color:white; color:black; border-bottom:1px solid black; }
  126.  
  127. #tres{float:left; display:block; width:80px; margin-left:10px; margin-top:405px; line-height:30px; letter-spacing:5px; font-style:italic; font-size:8px; font-family:times new; text-transform:uppercase; color:white; text-align:center; margin-bottom:25px; border-bottom:1px solid white;}
  128.  
  129. #tres:hover #diem {opacity:1; margin-top:5px;-webkit-transition: all 0.8s ease;}
  130.  
  131. #diem {position:absolute; margin-top:-15px; width:100px;
  132. -webkit-transition: all 0.8s ease; opacity:0; margin-left:-1px;}
  133.  
  134. #ed {text-align:center; width:100px; text-align:center;}
  135. #ed a { float:left; display:block; width:80px; line-height:18px; background-color:{color:ex links}; font-size:7px; letter-spacing:3px; font-family:cambria; color: {color:ex links bg}; text-transform:uppercase; font-style:italic; text-align:center; margin-bottom:2px; margin-left: 1px; margin-right:1px;
  136. -webkit-transition: all 0.5s ease-in-out;
  137. -moz-transition: all 0.5s ease-in-out;
  138. -o-transition: all 0.5s ease-in-out;}
  139. #ed a:hover {color:white ;background-color:black;}
  140.  
  141. #tophead{margin-top:-110px; width:500px; margin-left:480px; background-color:white; position:fixed; z-index:9999; padding:50px 5px 5px 10px;}
  142.  
  143. #description {background-color:white; color:{color:text}; width:500px; text-align:justify; padding:0px; letter-spacing:0px; line-height:8px; opacity:1; border-bottom:1px solid black; padding-bottom:5px;}
  144.  
  145. #title { color:{color:title}; width:500px; text-align:center; font-size:8px; letter-spacing:2px; font-family: times new; text-transform:uppercase; padding:0px; line-height:10px; font-style:italic; border-bottom:1px solid black;}
  146.  
  147. #pagination {width:500px; font-size:8px; margin-top:-30px; text-align:center; letter-spacing:10px; color:black; opacity:0.5; z-index:999; margin-bottom:15px;}
  148.  
  149. h1{ font-size:9px; font-family:times new; text-transform:uppercase; margin-bottom:-2px;}
  150.  
  151. #info {background-color:ffffff; color:{color:text}; font-family:times new; font-size:7px; text-transform: uppercase; letter-spacing: 1px; text-align:left; font-style:italic; margin-top:0px; width: 500px; padding:0px; border-top:1px solid black; padding-top:3px;}
  152.  
  153. #infolink {background-color:black; color:white; padding:1px; margin-top:1px;}
  154.  
  155. #sourcelink { margin-top:1px; background-color:black; color:white; padding:1px;}
  156.  
  157. #tagz {margin-top:3px; text-align:left; font-size:6px; text-transform:uppercase; letter-spacing:1px; font-style:normal; -webkit-transition: all 0.8s ease; opacity:1;}
  158.  
  159. #tags{padding:2px 3px 2px 3px; background-color:transparent; color:{color:link}; -webkit-transition: all 0.8s ease;}
  160.  
  161. #tags:hover{color:{color:bold}; -webkit-transition: all 0.8s ease;}
  162.  
  163. #questions {background-color:#0c0b0a; color:white; padding:5px; margin-bottom:0px; font-style:normal; text-align:left; border-left:3px solid {color:border};}
  164.  
  165. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  166. blockquote img, blockquote a img {max-width: 490px}
  167.  
  168. h3{color:{color:title}; font-family:cambria; text-transform:lowercase; font-size:12px; line-height:11px; letter-spacing:0px; font-style:italic; margin:0px; padding:0px;}
  169.  
  170. big{ color:{color:big}; font-family:times new; letter-spacing:px; font-size:10px; font-style:normal; text-transform:uppercase;}
  171.  
  172. i, em{color:#1d1c1c; text-transform:lowercase; letter-spacing:0px; font-size:9px; font-style:italic;}
  173. small{color:black; font-family:times new; font-size:px; text-transform:uppercase; letter-spacing: 1px; line-height:6px; }
  174. p{margin-top:3px; margin-bottom:3px}
  175. b{color:black;}
  176.  
  177. img a{border:none}
  178.  
  179. ul li {list-style-type: circle; margin-left:-20px; list-style-position:inside;}
  180.  
  181. .notes img{width:10px; position:relative; top:1px; border-radius:100px;}
  182. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  183. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  184.  
  185. .label {background-color:black; letter-spacing:1px; color:white; padding:3px; text-transform:uppercase; font-style:normal; font-family:times new; font-size:7px; line-height:10px;}
  186. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  187.  
  188. #asker{font-family:casqueitalic; color:{color:title}; font-size:18px;
  189. letter-spacing:0px; font-style:normal; padding:3px; margin-bottom:-5px;}
  190.  
  191. .audio{background-color:black; display:block;}
  192.  
  193. #album img{width:38px; margin-top:0px; padding:2px; background-color:black; border-right:5px solid white;}
  194.  
  195. .bubble {position: relative;
  196. background-color:white; border-bottom:1px solid black; margin: 0; padding:10px; text-align:center;
  197. width:480px;
  198. -moz-border-radius:0px;
  199. -webkit-border-radius:0px;
  200. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  201. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  202. box-shadow: 0px 0 1px rgba(0,0,0,0);
  203. }
  204. .bubble:after {
  205. position: absolute; display: block;
  206. content: ""; border-color: black transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-20px; left:1em;
  207. }
  208.  
  209.  
  210. </style>
  211.  
  212.  
  213. <style type="text/css">{CustomCSS}</style>
  214.  
  215. </head>
  216.  
  217. <body>
  218.  
  219. <div id="sbar">
  220.  
  221. <div id="sbimage1">
  222. <img src="{image:sidebar1}">
  223. </div>
  224.  
  225. </div>
  226.  
  227. <div id="sbar2">
  228.  
  229. <div id="custom">
  230. <a href="/" id="customlink">index</a><br>
  231. <a href="/ask" id="customlink">askbox</a>
  232.  
  233. <div id="sbimage2"><img src="{image:sidebar2}" align="left"></div>
  234.  
  235. <br>
  236. <a href="/archive" id="customlink">archive</a><br>
  237. </div>
  238.  
  239. <div id="tres">
  240. links<br>
  241. <div id="diem">
  242. <div id="ed">
  243. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  244. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  245. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  246. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  247. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  248. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  249.  
  250. </div></div></div>
  251.  
  252.  
  253. </div>
  254.  
  255. <div id="tophead">
  256. <div id="pagination"align="center">
  257.  
  258. {block:PreviousPage}
  259. <a href="{PreviousPage}">&larr;</a>
  260. {/block:PreviousPage}
  261. {block:JumpPagination length="10"}
  262. {block:CurrentPage}
  263. <span class="current_page">{PageNumber}</span>
  264. {/block:CurrentPage}
  265. {block:JumpPage}
  266. <a class="jump_page" href="{URL}">{PageNumber}</a>
  267. {/block:JumpPage}
  268. {/block:JumpPagination}
  269. {block:NextPage}
  270. <a href="{NextPage}">&rarr;</a>
  271. {/block:NextPage}
  272. {/block:Pagination}
  273. </div>
  274.  
  275. <div id="titlez">
  276. <div id="title">{title}</div>
  277. </div><div id="description">
  278. {block:Description}{Description}{/block:Description}
  279. </div>
  280. </div>
  281.  
  282.  
  283.  
  284. <div id="entries">
  285. {block:Posts}
  286. <div id="posts">
  287. {block:Quote}<div id="titles">"{Quote}"&nbsp; - {Source}</div>{/block:Quote}
  288. {block:Title}<div id="titles">{Title}&nbsp;</div>{/block:Title}
  289. {block:Text}{Body}{/block:Text}
  290.  
  291. {block:Link}<a href="{URL}" class="link" {Target}><div id="titles">{Name}&nbsp;</div></a>
  292. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  293.  
  294. {block:Photo}<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}"></div>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  295.  
  296.  
  297. {block:Photoset}<center><div class="photo">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  298.  
  299. {block:Chat}<br><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><br>{/block:Lines}</ul>{/block:Chat}
  300.  
  301. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  302.  
  303. {block:Answer}
  304. <div class="post">
  305. <div class="bubble"><font size="5"><font color="{color:bold}">?</font></font><i>{Question}</i></div><br>
  306. <div style="margin-top:-8px; margin-left:30px;"><img src="http://i48.tinypic.com/ayam9d.png"> <i><small>{Asker}</i></small></div>
  307. {Answer}
  308. </div>
  309. {/block:Answer}
  310.  
  311. {block:Audio}
  312. {block:AlbumArt}<div id="album"><img id="album" src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  313. <span class="audio"><center>{AudioPlayerBlack}</center></span>
  314. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  315.  
  316. <br>
  317.  
  318.  
  319. <div id="info">{block:Date}<a href="{Permalink}" id="infolink">{MonthNumber}/{DayOfMonthWithZero}/{ShortYear}</a>{block:NoteCount} ? {NoteCount}; {/block:NoteCount} {block:HasTags}{block:Tags}<a href="{TagURL}" id="tags">+{Tag}</a> {/block:Tags} {/block:HasTags}
  320. {/block:Date} <div style="float:right;">
  321. {block:RebloggedFrom} <a href="{ReblogParentURL}" id="sourcelink">from</a>{/block:RebloggedFrom}
  322. {block:ContentSource} <a href="{SourceURL}" id="sourcelink">original</a>
  323. {/block:ContentSource}</div>
  324. </div>
  325.  
  326.  
  327.  
  328. </div>
  329. {/block:Posts}
  330. {block:PostNotes}{PostNotes}{/block:PostNotes}
  331.  
  332. <div style="position:fixed; bottom:8px; right:5px; letter-spacing:2px;color:white;padding:3px; font-size:8px;font-family:calibri;text-transform:uppercase;"><center>
  333. <a href="http://noxvita.tumblr.com"><img src="http://i49.tinypic.com/33wmm0z.jpg"></a>
  334. </div>
  335. </div>
  336.  
  337. </body>
  338. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement