API tools faq
paste
Advertisement
qtsumu

evening wear theme

qtsumu
Dec 14th, 2016
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. RULES:
  6. -DON'T remove credit! u can move it around or change how it looks but it HAS to be visible
  7. -DON'T redistribute! that'd b really dicky of u and i'll cry :"((
  8. -if u want to do a redux edit, pls ask me first
  9.  
  10. OTHER:
  11. -theme by komaedahater69 (main blog currently: qyuuu)
  12. -basecode by animecharacter
  13. -u can edit this as much as u want!!!
  14. -if u find any bugs w the theme pls let me know and i'll fix it
  15. -pls continue to support me through my theme making n-n!
  16.  
  17. _________________________$$_____________
  18. ___________$$$$$$$$$$$$$$$______________
  19. ________$$$$______$$$$$$$$______________
  20. ______$$$_____$$$$$$_$$_$$______________
  21. _____$____$$$$$$$$$__$__$$______________
  22. ___$$___$$$$$$$$$___$___$$______________
  23. __$$__$$$$$$$$$$___$____$$______________
  24. __$$$$$$$$$$$_____$$_____$$____$$$$$$___
  25. $$$$$$$__________$$_______$$_$$$$$$$$$$_
  26. _________$$$$$__$$$____$$__$__$$$$$$$$$_
  27. ______$$$$$$$$$_$$$$$$$$$$$$$$$$$$$$$$$$
  28. _____$$$$$$$$$$$$__$$$$$__$$$$$$$$$$$$$$
  29. ____$$$__$$$$$$$$$$$$$$$$__$$$$$$$$$__$$
  30. ____$$___$$$$$$$$$$$$$$$$$_$$$$$$$$$__$$
  31. ____$$__$$$$$$$$$$$$$$$$$$_$$$$$$$$$_$$_
  32. ____$$$_$$$$$$$$$$$$$$$$$$_$$$$$$$$$$$__
  33. ____$$$__$$$$$$$$$$$$$$$$_$$$$$$$$$$$___
  34. _____$$$$$$$$$$$$$$$$$$$__$$$$$$$$$_____
  35. _____$$$$$$$$$$$$$$$$$$$________________
  36. _______$$$$$$$$$$$$$$$__________________
  37. __________$$$$$$$$$$____________________
  38. ----->
  39.  
  40. <meta charset="utf-8">
  41. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <title>{Title}</title>
  47.  
  48. <meta name="image:favicon" content="">
  49. <meta name="image:sidebar" content="">
  50. <meta name="image:scrollbar bg" content="">
  51.  
  52. <meta name="color:background" content="#fff">
  53. <meta name="color:container" content="#ccc">
  54. <meta name="color:text" content="#000">
  55. <meta name="color:links" content="#fff">
  56. <meta name="color:borders" content="#ccc">
  57. <meta name="color:shadow" content="#ccc">
  58.  
  59. <meta name="select:font" content="Arial">
  60. <meta name="select:font" content="Courier New">
  61. <meta name="select:font" content="MS Pgothic">
  62. <meta name="select:font" content="Verdana">
  63.  
  64. <meta name="if:link glow" content="1">
  65. <meta name="if:rounded corners" content="1">
  66.  
  67. <meta name="text:font size" content="12">
  68. <meta name="text:link url" content="/">
  69. <meta name="text:link name" content="link 1">
  70.  
  71. <link rel="shortcut icon" href="{image:favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  74.  
  75. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  76.  
  77. <style type="text/css">
  78.  
  79. ::-webkit-scrollbar {
  80. height: 9px;
  81. width: 11px;
  82. -webkit-border-radius: 0px;
  83. background:{color:background};
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb {
  87. background-image:url('{image:scrollbar bg}');
  88. background-color:{color:background};
  89. background-repeat:repeat;
  90. position:fixed;
  91. border:1px double {color:sidebar border};
  92. border:1px solid {color:scrollbar};
  93. }
  94.  
  95. ::-webkit-scrollbar-track {
  96. background:{color:scrollbar};
  97. border-left:5px solid {color:background};
  98. border-right:5px solid {color:background};
  99. }
  100.  
  101. body {
  102. margin:0px;
  103. background:{color:background};
  104. font-family:{select:font};
  105. font-size:{text:font size}px;
  106. line-height:120%;
  107. color:{color:text};
  108. }
  109.  
  110. p{
  111. margin:0 0 10px 0;
  112. padding:0;
  113. }
  114.  
  115. pre {
  116. white-space: pre-wrap;
  117. white-space: -moz-pre-wrap;
  118. white-space: -pre-wrap;
  119. white-space: -o-pre-wrap;
  120. word-wrap: break-word;
  121. }
  122.  
  123. a{
  124. color:{color:links};
  125. text-decoration:none;
  126. {block:iflinkglow}
  127. text-shadow: 0 0 7px {color:links};
  128. {/block:iflinkglow}
  129. }
  130.  
  131. a:hover{
  132. color:{color:links hover};
  133. }
  134.  
  135. li{
  136. margin-left:-15px;
  137. }
  138.  
  139. #wrapper{
  140. width:600px;
  141. margin:50px 250px;
  142. }
  143.  
  144. #content{
  145. height:555px;
  146. width:600px;
  147. margin-left:200px;
  148. margin-top:30px;
  149. overflow:auto;
  150. border:3px {color:borders} solid;
  151. -moz-box-shadow: -10px -10px 10px {color:shadow};
  152. -webkit-box-shadow: -10px -10px 10px {color:shadow};
  153. box-shadow: -10px -10px 10px {color:shadow};
  154. {block:ifroundedcorners}
  155. border-radius: 10px;
  156. {/block:ifroundedcorners}
  157. }
  158.  
  159. @-webkit-keyframes cssAnimation {
  160. from{
  161. -webkit-transform: scale(0.871);}
  162. to{
  163. -webkit-transform:scale(1); }
  164. }
  165.  
  166. @-moz-keyframes cssAnimation {
  167. from{
  168. -moz-transform:scale(0.871);}
  169. to{
  170. -moz-transform: scale(1); }
  171. }
  172.  
  173. @-o-keyframes cssAnimation {
  174. from{
  175. -o-transform: scale(0.871);
  176. }
  177.  
  178. to{
  179. -o-transform: scale(1);}
  180. }
  181.  
  182. .post{
  183. width:150px;
  184. height:150px;
  185. float:left;
  186. padding:8px;
  187. margin:25px 15px 10px 10px;
  188. }
  189.  
  190. .post img{
  191. max-width:100%;
  192. height:150px;
  193. {block:ifroundedcorners}
  194. border-radius: 10px;
  195. {/block:ifroundedcorners}
  196. }
  197.  
  198. .title{
  199. font-weight:normal;
  200. font-size:16px;
  201. margin:0 0 10px 0;
  202. text-shadow: 0 0 7px {color:links};
  203. }
  204.  
  205.  
  206. #sidebar img{
  207. max-height:100px;
  208. max-width:100px;
  209. left:185px;
  210. {block:ifcirclesidebarimg}
  211. border-radius:800px;
  212. {/block:ifcirclesidebarimg}
  213. border:5px solid;
  214. border-image:url('{image:pattern}') 30;
  215. }
  216.  
  217. #sidebar .pagination {
  218. width:100px;
  219. text-align:center;
  220. padding: 3px 0;
  221. }
  222.  
  223. #sidebar .pagination a {
  224. color:{color:links};
  225. text-decoration: none;
  226. }
  227.  
  228. #sidebar .pagination a:hover {
  229. color: {color:links hover};
  230. }
  231.  
  232. #credit{
  233. position:fixed;
  234. bottom:0px;
  235. left:3px;
  236. }
  237.  
  238. .media{
  239. margin:0 0 10px 0;
  240. }
  241.  
  242. .title{
  243. font-weight:normal;
  244. font-size:18px;
  245. margin:0 0 10px 0;
  246. }
  247.  
  248. .quote{
  249. font-weight:normal;
  250. font-size:16px;
  251. font-style:italic;
  252. margin:0 0 10px 0;
  253. }
  254.  
  255. .question{
  256. margin-bottom:10px;
  257. padding:5px;
  258. {block:ifborders}
  259. border:1px {select:borders} {color:borders};
  260. {/block:ifborders}
  261. }
  262.  
  263. blockquote{
  264. margin:0 0 10px 10px;
  265. padding:0 0 0 10px;
  266. border-left:solid 1px {color:borders};
  267. }
  268.  
  269. .post .footer{
  270. margin:0;
  271. text-align:left;
  272. padding:5px;
  273. }
  274.  
  275. ol.notes{
  276. list-style-type:none;
  277. padding:0;
  278. margin:0;
  279. }
  280.  
  281. ol.notes li.note img{
  282. width:16px;
  283. height:16px;
  284. }
  285.  
  286. .title{
  287. font-weight:normal;
  288. font-size:14px;
  289. margin:0 0 10px 0;
  290. }
  291.  
  292. ol.notes li.note{
  293. margin:0px;
  294. }
  295.  
  296. hr { background-color:{color:links}; height: 2px; border: 0; }
  297.  
  298. {CustomCSS}
  299. /*made by sppice, tutorial at megscoding.tumblr.com*/
  300.  
  301. #oneout {
  302. position:fixed;
  303. top:64px;left:1px;
  304. text-align:center;
  305. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  306. z-index:99999999; }
  307.  
  308. #oneout_inner {
  309. position:fixed;
  310. width:230px; height:auto;
  311. top:40px; left:-250px;
  312. padding:10px;
  313. background:{color:background}; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
  314. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  315. text-align:left;
  316. z-index:99999999; }
  317.  
  318. #oneout:hover {
  319. left:250px;
  320. z-index:99999999; }
  321.  
  322. #oneout:hover #oneout_inner {
  323. left:0px;
  324. z-index:99999999; }
  325.  
  326. .onetitle {
  327. position:absolute;
  328. left:-11px; top:3px;
  329. font-family:arial; font-size:16px;
  330. -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
  331. z-index:99999999; }
  332.  
  333. </style>
  334.  
  335. <script type="text/javascript"
  336. src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>
  337.  
  338. </head>
  339.  
  340. <body>
  341.  
  342. <!-- made by sppice, tutorial at megscoding.tumblr.com -->
  343.  
  344. <div id="oneout"><span class="onetitle">
  345.  
  346. HOVER
  347.  
  348. </span><div id="oneout_inner">
  349. <center>
  350.  
  351. {Description}
  352. <br>
  353. <a href="/">home</a> / <a href="/ask">ask</a> / <a href="{text:link url}">{text:link name}</a>
  354.  
  355. <br></center></div></div>
  356.  
  357. <center>
  358. <div id="wrapper">
  359.  
  360. </div>
  361.  
  362. <div id="content">
  363. <center>
  364. {block:Posts}
  365.  
  366. <div class="post">
  367.  
  368. {block:Text}
  369. {block:Title}
  370. <div class="title">{Title}</div>
  371. {/block:Title}
  372. {Body}
  373. {/block:Text}
  374.  
  375. {block:Photo}
  376. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  377. {/block:Photo}
  378.  
  379. {block:Photoset}
  380. <div class="media">{Photoset}</div>
  381. {/block:Photoset}
  382.  
  383. {block:Quote}
  384. <div class="quote">"{Quote}"</div>
  385. {block:Source}
  386. <div class="quotesource">{Source}</div>
  387. {/block:Source}
  388. {/block:Quote}
  389.  
  390. {block:Link}
  391. <div class="title"><a href="{URL}">{Name}</a></div>
  392. {block:Description}
  393. <div class="description">{Description}</div>
  394. {/block:Description}
  395. {/block:Link}
  396.  
  397. {block:Chat}
  398. {block:Title}
  399. <div class="title">{Title}</div>
  400. {/block:Title}
  401.  
  402. {block:Lines}
  403. <div class="{Alt} user_{UserNumber}">
  404. {block:Label}
  405. <b>{Label}</b>{/block:Label}
  406. &nbsp;{Line}
  407. </div>
  408. {/block:Lines}
  409. {/block:Chat}
  410.  
  411. {block:Video}
  412. <div class="media">{Video-150}</div>
  413. {/block:Video}
  414.  
  415. {block:Audio}
  416. <div class="media">
  417. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; height:100px;">{/block:AlbumArt}
  418. <br>{block:TrackName}<small>{TrackName}{/block:TrackName} by {block:Artist}{Artist}</small>{/block:Artist}{AudioPlayerWhite}
  419. </div>
  420. {/block:Audio}
  421.  
  422. {block:Answer}
  423. <div class="question">
  424. <img class="asker-avatar" src="{AskerPortraitURL-24}" {block:ifborders}style="border:1px {select:borders} {color:borders}"{/block:ifborders} alt="">&nbsp;&nbsp;{Asker}: {Question}
  425. </div>
  426. <p><div class="caption">{Answer}</div>
  427. {/block:Answer}
  428.  
  429. {block:Date}
  430. <div class="footer">
  431. <a href="{Permalink}">posted {TimeAgo}{block:NoteCount} || {NoteCount}%&nbsp;{/block:NoteCount}</a>
  432. </div>
  433.  
  434. {block:PermalinkPage}
  435. {block:NoteCount}
  436. {block:PostNotes}{PostNotes}{/block:PostNotes}
  437. {/block:NoteCount}
  438. {/block:PermalinkPage}
  439. {/block:Date}
  440.  
  441. </div>
  442. {/block:Posts}
  443. </div>
  444. </div>
  445.  
  446. </div>
  447.  
  448. </div>
  449.  
  450. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  451. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  452.  
  453. <div id="credit"><a href="http://komaedahater69.tumblr.com/">thm</a></div>
  454.  
  455. </body/>
  456. </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!