API tools faq
paste
Advertisement
melmoonyoz

noxvita theme: #12 - wild for the night.

melmoonyoz
Mar 24th, 2013
1,672
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.55 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--noxvita theme: #12 - wild for the night.
  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="#7c7c7c" />
  11. <meta name="color:link" content="#919090" />
  12. <meta name="color:linkhovercolor" content="#e1e2e1" />
  13. <meta name="color:big" content="#3f3f3f" />
  14. <meta name="color:bold" content="#696969" />
  15. <meta name="color:title" content="#ffffff" />
  16. <meta name="color:italic" content="#b3b3b3" />
  17. <meta name="color:border" content="#e0dfdf" />
  18. <meta name="color:titles bg" content="#e4e3e2" />
  19. <meta name="color:linksbg" content="#cecece" />
  20. <meta name="color:info" content="#fcfcfc" />
  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.  
  31. <meta name="color:Subtitle" content="##adadad"/>
  32. <meta name="text:Subtitle" content=""/>
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  36. <title> {Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41.  
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46.  
  47. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  48.  
  49.  
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,900,900italic,700italic' rel='stylesheet' type='text/css'>
  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. border: 1px solid {color:border};
  66. color: {color:text};
  67. text-transform:lowercase;
  68. letter-spacing: 1px;
  69. }
  70. </style>
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar-thumb:vertical {background-color: #f1f1f1; 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 { color:{color:text}; background-color:white; font-family:cambria; font-style:; line-height:90%; letter-spacing:px;font-size: 9px; font-style:italic;}
  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 { border-left:1px solid {color:border}; border-right:1px solid {color:border}; margin-top:-10px; margin-left:360px; width:520px; background-color:{color:info}; padding:10px 10px 0px 10px;}
  86.  
  87. #posts{ margin-top:5px; margin-bottom:10px;overflow:hidden; background-color:white; padding:10px;}
  88.  
  89. #titles { font-family:times new; background-color:{color:titles bg}; line-height:100%; font-size:20px; letter-spacing:-2px; text-transform:uppercase; text-align:leftcenter; color:{color:title}; margin-bottom:5px;}
  90.  
  91. ::selection {
  92. background-color:{color:italic};
  93. color:{color:Background}
  94. }
  95.  
  96. #sbar img{width:190px; height:300px; background-color:white; -webkit-transition: all 1s ease;}
  97.  
  98.  
  99. #sbar { width:190px; height:auto; margin-left:150px; background-color:white; margin-top:150px; position:fixed; padding:10px;}
  100.  
  101. #sbar:hover #description {opacity:1; margin-top:-70px; height:auto;}
  102.  
  103. #description {font-family:cambria; font-style:italic; font-size:9px; text-transform:lowercase; letter-spacing:px; z-index:9999; position:fixed; background-color:white; width:168px; text-align:justify; margin-top: -70px; margin-left:6px; padding:5px; line-height:8px; opacity:0; -webkit-transition: all 1s ease;}
  104.  
  105. #sbar:hover #subtitle {opacity:1; margin-top:10px; height:auto; -webkit-transition: all 1s ease;}
  106.  
  107. #subtitle{z-index:999999; margin-left:6px; text-align:center; position:fixed; margin-top:10px; opacity:0; text-transform:uppercase; font-size:8px; font-style:normal; color:{color:subtitle}; letter-spacing:1px; background-color:white; padding:5px; width:168px; -webkit-transition: all 1s ease;}
  108.  
  109. #title { font-family:times new; padding-right:5px; background-color:{color:titles bg}; line-height:100%; font-size:20px; letter-spacing:-2px; text-transform:uppercase; text-align:right; color:{color:title}; margin-bottom:5px;}
  110.  
  111. #sbar:hover #nav1 {margin-top:60px; margin-left: 0px; height:auto; opacity:1;}
  112.  
  113. #nav1 {z-index:9999; position:absolute; margin-top:60px; margin-left: 0px; width:190px; height:180px; -webkit-transition: all 1s ease; opacity:0;
  114. }
  115.  
  116. #sidelinks1 {width:83px; font-size:25px; font-family:playfair display; line-height:40px; letter-spacing:0px; padding: 2px; margin-left: 5px; margin-bottom:5px; float: left; display:block; overflow: hidden; text-align:center; color: {color:links}; background:white; opacity: 1;
  117. -webkit-transition: all 0.6s ease;}
  118.  
  119. #sidelinks1:hover { opacity:0;
  120. -webkit-transition: all 0.6s ease;
  121. }
  122.  
  123.  
  124. #sbar:hover #nav {margin-top:60px; margin-left: 0px; height:auto; opacity:1; -webkit-transition: all 3s ease;;}
  125.  
  126. #nav {position:absolute; margin-top:60px; margin-left: 0px; width:190px; height:180px; -webkit-transition: all 0.3s ease; opacity:0;
  127. }
  128.  
  129. #sidelinks {width:83px; font-size:18px; font-family:times new; text-transform:uppercase; line-height:40px; letter-spacing:-1px; padding:2px; margin-left: 5px; margin-bottom:5px; float: left; display:block; overflow: hidden; text-align:center; color: white; background:{color:linksbg}; opacity: 1;
  130. -webkit-transition: all 0.3s ease;}
  131.  
  132.  
  133. h1{ font-size:9px; font-family:times new; text-transform:uppercase; margin-bottom:-2px;}
  134.  
  135. #info {background-color:ffffff; color:black; font-family:times new; font-size:7px; text-transform: uppercase; letter-spacing: 1px; text-align:left; font-style:normal; margin-top:5px; width: 500px; padding:0px; border-bottom:1px solid {color:border}; padding-bottom:3px; margin-bottom:5px; text-decoration:none;}
  136.  
  137. #info img{border-radius:100px; width:14px; margin-bottom:6px; margin-top:-2px;}
  138.  
  139. #tagz {margin-top:5px; text-align:left; font-size:7px; line-height:8px; text-transform:uppercase; letter-spacing: 1px; font-style:normal; -webkit-transition: all 0.8s ease;}
  140.  
  141. #tags{padding:2px 3px 2px 3px; background-color:{color:linksbg}; color:white; -webkit-transition: all 0.8s ease;}
  142.  
  143. #tags:hover{ background-color:white; color:{color:linksbg}; -webkit-transition: all 0.8s ease;}
  144.  
  145. #pagination {font-size:12px; margin-top:5px; letter-spacing:2px; opacity:0.6; text-align:center; width:190px;}
  146.  
  147. #questions {color: {color:text}; background-color:#f7f7f7; padding:5px; margin-bottom:0px; text-align:left; font-family:{font:text}; border-left:3px solid {color:italic};}
  148.  
  149. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  150. blockquote img, blockquote a img {max-width: 490px}
  151.  
  152. 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;}
  153. big{ color:{color:big}; font-family:times new; letter-spacing:px; font-size:10px; font-style:normal; text-transform:uppercase;}
  154. i, em{color:{color:italic}; text-transform:lowercase; font-style:italic; font-size:9px;}
  155. small{color:{color:bold}; font-family:times new; font-size:8px; text-transform:uppercase; letter-spacing: 1px; line-height:9px;}
  156. p{margin-top:3px; margin-bottom:3px}
  157.  
  158. #album img{width:38px; margin-top:0px; padding:2px; background-color:{color:border}; border-right:5px solid white;}
  159.  
  160. .audio{background-color:white; display:block;}
  161.  
  162. ul li {list-style-type: circle; margin-left:-20px; list-style-position:inside;}
  163.  
  164. .notes img{width:10px; position:relative; top:1px;}
  165. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  166. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  167.  
  168. #question {font-family:times new; line-height:100%; font-size:20px; letter-spacing:-2px; text-transform:uppercase; text-align:left; color:{color:title};}
  169.  
  170. .bubble {position: relative;
  171. background-color:{color:titles bg}; margin: 0; padding:10px; text-align:center;
  172. width:480px;
  173. -moz-border-radius:0px;
  174. -webkit-border-radius:0px;
  175. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  176. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  177. box-shadow: 0px 0 1px rgba(0,0,0,0);
  178. }
  179. .bubble:after {
  180. position: absolute; display: block;
  181. content: ""; border-color: #e4e3e2 transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-20px; left:1em;
  182. }
  183.  
  184. </style>
  185.  
  186. <style type="text/css">{CustomCSS}</style>
  187.  
  188. </head>
  189.  
  190. <body>
  191. <div id="sbar">
  192.  
  193. <div id="title">{title}</div>
  194.  
  195. <div id="subtitle">{text:Subtitle}</div>
  196.  
  197. <div id="nav1">
  198. <a href="/" id="sidelinks1">one</a>
  199. <a href="/ask" id="sidelinks1">two</a><br>
  200. {block:ifLink1}<a href="{text:Link1}" id="sidelinks1">three</a>{block:ifLink1}
  201. {block:ifLink2}<a href="{text:Link2}" id="sidelinks1">four</a>{/block:ifLink2}<br>
  202. {block:ifLink3}<a href="{text:Link3}" id="sidelinks1">five</a>{block:ifLink3}
  203. {block:ifLink4}<a href="{text:Link4}" id="sidelinks1">six</a>{/block:ifLink4}
  204. </div>
  205.  
  206. <div id="nav">
  207. <a href="/" id="sidelinks">index</a>
  208. <a href="/ask" id="sidelinks">message</a><br>
  209. {block:ifLink1}<a href="{text:Link1}" id="sidelinks">{text:Link1 Title}</a>{block:ifLink1}
  210. {block:ifLink2}<a href="{text:Link2}" id="sidelinks">{text:Link2 Title}</a>{/block:ifLink2}<br>
  211. {block:ifLink3}<a href="{text:Link3}" id="sidelinks">{text:Link3 Title}</a>{block:ifLink3}
  212. {block:ifLink4}<a href="{text:Link4}" id="sidelinks">{text:Link4 Title}</a>{/block:ifLink4}
  213. </div>
  214.  
  215. <div id="sideimg"><img src="{image:sidebar}"></div>
  216.  
  217. <div id="description">{block:Description}{Description}{/block:Description}
  218. </div>
  219.  
  220. <div id="pagination">
  221.  
  222. {block:Pagination}
  223. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  224. {CurrentPage}<small> of </small>{TotalPages}
  225. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  226. {/block:Pagination}
  227. </div>
  228. </div>
  229.  
  230.  
  231. <div id="entries">
  232. {block:Posts}
  233. <div id="posts">
  234. {block:Quote}<div id="titles">"{Quote}"&nbsp; - {Source}</div>{/block:Quote}
  235. {block:Title}<div id="titles">{Title}&nbsp;</div>{/block:Title}
  236. {block:Text}{Body}{/block:Text}
  237.  
  238. {block:Link}<a href="{URL}" class="link" {Target}><div id="titles">{Name}&nbsp;</div></a>
  239. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  240.  
  241. {block:Photo}<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}"></div>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  242.  
  243.  
  244. {block:Photoset}<center><div class="photo">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  245.  
  246. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  247.  
  248. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  249.  
  250. {block:Answer}
  251. <div class="post">
  252. <div class="bubble"><div id="question">{Question}</div></div><br>
  253. <div style="margin-top:-8px; margin-left:30px;"><img src="http://i48.tinypic.com/ayam9d.png"> <i><small>{Asker}</i></small></div>
  254. {Answer}
  255. </div>
  256. {/block:Answer}
  257.  
  258. {block:Audio}
  259. {block:AlbumArt}<div id="album"><img id="album" src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  260. <span class="audio"><center>{AudioPlayerWhite}</center></span>
  261. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  262.  
  263. <div id="info">{block:Date}<a href="{Permalink}" id="infolink">posted {ShortMonth} {DayOfMonthWithZero} {ShortYear}</a> {block:NoteCount}//{NoteCountWithLabel} {/block:NoteCount}
  264. {/block:Date}<div style="float:right;">
  265. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img src="{ReblogParentPortraitURL-16}"></a>
  266. <a href="{ReblogRootURL}" title="{ReblogRootTitle}" class="reblog"> <img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}
  267. {/block:ContentSource}
  268.  
  269. </div>
  270. </div>
  271.  
  272. <div id="tagz">
  273. {block:HasTags}{block:Tags}<a href="{TagURL}" id="tags">{Tag}</a> {/block:Tags} {/block:HasTags} </div>
  274.  
  275.  
  276. </div>
  277.  
  278. {block:ContentSource}
  279. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  280. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  281. {/block:SourceLogo}
  282. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  283. {/block:ContentSource}
  284. {/block:Posts}
  285. {block:PostNotes}{PostNotes}{/block:PostNotes}
  286. </div>
  287.  
  288. <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>
  289. <a href="http://noxvita.tumblr.com"><img src="http://i49.tinypic.com/33wmm0z.jpg"></a>
  290. </div>
  291.  
  292. </div>
  293. </body>
  294. </html>
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!