Advertisement
tsiappoworks

ace chef

Oct 28th, 2016
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.90 KB | None | 0 0
  1. <!-----THEME MADE BY UMINOJO FOR ROSIEATHE.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY.
  3. THANKS.----->
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.  
  8. <!-----------------------------TOOLTIPS------------------------------->
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  11. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  12.  
  13. <head>
  14.  
  15. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <meta name="color:Accent" content="#230b12" />
  20. <meta name="color:Accent2" content="#c68181" />
  21. <meta name="color:Accent3" content="#ffffff" />
  22. <meta name="color:body font" content="#bb5959" />
  23. <meta name="color:Page BG" content="#fce7da" />
  24.  
  25. <meta name="font:Body" content="Helvetica" />
  26. <meta name="font:Details" content="Helvetica" />
  27.  
  28. <style type="text/css">
  29. /*---------------------BODY--------------------*/
  30. ::-webkit-scrollbar-thumb:vertical {
  31. background-color:transparent;
  32. height:7px;}
  33. ::-webkit-scrollbar {
  34. background-color:transparent;
  35. height:7px;
  36. width:5px;}
  37.  
  38. html {
  39. background-image:
  40. url('http://static.tumblr.com/oh3xcbq/WNPofkxzf/chase_smol.png');
  41. background-repeat:no-repeat;
  42. background-position:top left fixed;
  43. background-color:{color:Page BG};
  44. }
  45.  
  46. body {
  47. background:{color:Page BG};
  48. margin: 0;
  49. word-wrap: break-word;
  50. font-family:Calibri, helvetica, arial, sans-serif;
  51. }
  52.  
  53. body a{
  54. text-decoration:none;
  55. font-weight:700;
  56. }
  57.  
  58. small, sub {
  59. font-size:12px;
  60. font-family: calibri,helvetica,arial,sans-serif;
  61. }
  62.  
  63. s,strike {
  64. color:{color:accent2};
  65. }
  66.  
  67. u,underline {
  68. color:{color:accent2};
  69. }
  70.  
  71. hr {
  72. border: 0;
  73. height: 1px;
  74. background-image: linear-gradient(to right, rgba(55, 62, 33, 0), rgba(55, 62, 33, 0.75), rgba(55, 62, 33, 0));
  75. }
  76.  
  77. h1 {
  78. font-weight:normal;
  79. font-size:22px;
  80. text-align:center;
  81. font-style:normal;
  82. line-height:100%;
  83. letter-spacing:1px;
  84. text-transform:normal;
  85. color:{color:accent3};
  86. font-family: 'Oswald', sans-serif;
  87. }
  88.  
  89. h2 {
  90. font-size:26px;
  91. text-align:center;
  92. line-height:100%;
  93. letter-spacing:-0.5px;
  94. color:{color:accent3};
  95. font-weight:bold;
  96. padding:5px;
  97. font-family: 'Oswald', sans-serif;
  98. }
  99.  
  100. blockquote {
  101. padding:2px 5px 2px 10px;
  102. margin:5px;
  103. border-left:2px solid {color:body font};
  104. -moz-border-radius: 15px;
  105. -webkit-border-radius: 15px;
  106. }
  107.  
  108. blockquote img {
  109. max-width:100%;}
  110.  
  111. b,strong {
  112. color:{color:accent2};
  113. font-size:15px;
  114. font-family: 'Oswald', sans-serif;
  115. }
  116.  
  117. em,i {
  118. color:{color:accent3};
  119. font-family: 'Oswald', sans-serif;
  120. }
  121.  
  122. s,strike {
  123. color:{color:accent2};
  124. }
  125.  
  126. u,underline {
  127. color:{color:accent2};
  128. }
  129.  
  130. div#qTip {
  131. background-image:url('http://static.tumblr.com/oh3xcbq/HMSofocgf/selectionhotterpink.png');
  132. border:1px solid white;
  133. padding: 5px;
  134. display: none;
  135. text-align: center;
  136. position: absolute;
  137. font-size:13px;
  138. line-height:10px;
  139. z-index: 9999999;
  140. color:{color:accent3};
  141. letter-spacing: 1px;
  142. font-family: 'Oswald', sans-serif;
  143. }
  144.  
  145. .fancytitle {
  146. font-size:11px;
  147. font-family: 'Oswald', sans-serif;
  148. padding:2px 4px;
  149. border:2px solid {color:page bg};
  150. text-align:right;
  151. margin-bottom:5px;
  152. background-image:url('http://static.tumblr.com/oh3xcbq/8faofs0jo/selectionhotterpink.png');
  153. background-repeat:no-repeat;
  154. background-position: top center;
  155. color:#f9fcfc;
  156. }
  157.  
  158. /*------------------- "SIDEBAR" ------------------*/
  159. #nav{
  160. position:fixed;
  161. z-index:75;
  162. margin-left:370px;
  163. margin-top:145px;
  164. width:325px;
  165. text-align:right;
  166. -ms-transform: rotate(90deg); /* IE 9 */
  167. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  168. transform: rotate(90deg);
  169. color:{color:accent2};
  170. }
  171.  
  172. #nav a{color:#ef7ba1; font-size:25px; text-decoration:bold;}
  173.  
  174. #nav a:hover{
  175. color:{color:accent2}; text-decoration:bold;
  176. }
  177.  
  178. #pagination{
  179. font-family:Calibri, Helvetica, Arial, sans-serif;
  180. font-size:10px;
  181. text-align:center;
  182. color:{color:accent2};
  183. text-transform:uppercase;
  184. letter-spacing:3px;
  185. text-align:center;
  186. }
  187.  
  188. #pagination a{color:{color:accent2}; padding:0px 2px;}
  189.  
  190. /*-------------------------INDIVID POSTS------------------------*/
  191. #post{
  192. width:400px;
  193. margin:10px auto;
  194. padding:10px 5px;
  195. font-family: {font:Body};
  196. color:{color:body font};
  197. }
  198.  
  199. #post .text{font-size:11px; line-height:16px;}
  200. #post .title{font-size:20px;}
  201. .text ul li{list-style-type:circle;}
  202.  
  203. /*-------------------------PERMALINKS AND TAGS------------------------*/
  204. #permalink{
  205. margin-left:5px;
  206. margin-top:-10px;
  207. padding:3px 0px;
  208. font-size:10px;
  209. text-align:center;
  210. font-family:{font:Details};
  211. width:410px;
  212. color:{color:accent3};
  213. background:url('http://static.tumblr.com/oh3xcbq/HMSofocgf/selectionhotterpink.png');
  214.  
  215. }
  216.  
  217. #permalink a{color:#576879;vertical-align:middle;}
  218.  
  219. #tags{
  220. margin-top:2px;
  221. text-align:center;
  222. width:420px;
  223. font-size:10px;
  224. font-family:{font:Details};
  225. margin-bottom:40px;
  226. }
  227.  
  228. #notesbox{width:500px;margin:20px auto;font-size:11px;}
  229. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  230. #notesbox img.avatar{display:none;}
  231.  
  232. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  233. .chat ul {list-style:none; margin:0; padding:0;}
  234. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  235. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  236. img{border:0; max-width:100%;}
  237.  
  238. #body{
  239. width:420px;
  240. z-index:99;
  241. margin-left:680px;
  242. margin-top:108px;
  243.  
  244. }
  245.  
  246. #body a{text-decoration:none;color:{color:Accent2};}
  247. #body a:hover{color:{color:accent};}
  248.  
  249. /*--------------------CONTAINER BOX THING---------------------------*/
  250. #container{
  251. position:fixed;
  252. width:423px;
  253. height:550px;
  254. overflow:auto;
  255. margin-left:45px;
  256. }
  257.  
  258. /* ---------------------------- UPDATES ------------------------------*/
  259.  
  260. #updates {
  261. font-size:10px;
  262. font-family:century gothic, arial;
  263. color:{color:body font};
  264. text-align:center;
  265. height:432px;
  266. width:120px;
  267. padding:0px;
  268. top:108px;
  269. left:1200px;
  270. z-index:10;
  271. position:fixed;
  272. overflow-x:hidden;
  273. overflow-y:auto;
  274. background-color:#FCDEC1;
  275. border-left:10px solid #FCDEC1;
  276. border-right:10px solid #FCDEC1;
  277. }
  278.  
  279.  
  280. {CustomCSS}</style>
  281. </head>
  282. <body>
  283. <div id="body">
  284.  
  285. <!-- begin updates tab -->
  286.  
  287. <div id="updates">
  288.  
  289. <div style="padding-top:10px;">
  290.  
  291. <b><p><span style="font-size:16px"><b>❛</b> <a href="/"><b>ACE CHEF</b></a> <b>❜</b></span></b><br>
  292. <div class="fancytitle">about</div>
  293. <p><b>desc line 1<br>desc line 2</b><br>
  294. DESC LINE 3</p>
  295.  
  296. <!------------------------- NAVIGATION -------------------------->
  297. <div class="fancytitle">navigation</div><p>
  298. <div id="navigation" style="font-size:15px;">
  299. <a href="/ask" title="ask">❀</a>
  300. <a href="/about" title="story">❀</a>
  301. <a href="/rules" title="guide">❀</a>
  302. <a href="/link4" title="link 4">❀</a>
  303. <a href="/link5" title="link 5">❀</a>
  304. <a href="http://uminojo.tumblr.com/" title="theme credit">❀</a>
  305. </div></p>
  306. <!------------------------ NAV END ------------------------------>
  307. <div class="fancytitle">further info</div>
  308. <p>est. [BLANK]<br>
  309. affiliated w. [BLANK]<br>
  310. written by <a href="/mun"><b>LILLY</b></a></span> (18+)<br>
  311. do not steal content
  312. </p>
  313. {block:Pagination}<div class="fancytitle">pagination</div><p>
  314. {block:NextPage}<a href="{NextPage}" style="color:white;text-shadow: black 0 0 2px;">old</a>{/block:NextPage}
  315. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:white;text-shadow: black 0 0 2px;">new</a>{/block:PreviousPage}
  316. </p>{/block:Pagination}
  317.  
  318. </div></div>
  319.  
  320. <!-- end updates tab -->
  321. <!----------------------------MAIN BODY----------------------------->
  322. <div id="container">
  323. {block:Posts}
  324.  
  325. <!--------------------------TYPES OF POSTS----------------------------->
  326. <div id="post">
  327. {block:Photo}
  328. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  329. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  330. {/block:Photo}
  331.  
  332. {block:Photoset}
  333. {Photoset-400}
  334. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  335. {/block:Photoset}
  336.  
  337. {block:Video}
  338. {Video-400}
  339. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  340. {/block:Video}
  341.  
  342. {block:Audio}
  343. <div class="musicbox">
  344. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  345. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  346. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  347. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  348. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  349. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  350. {/block:Audio}
  351.  
  352. {block:Quote}
  353. <div class="title" style="width:300px;margin:auto;text-align:justify;">{Quote}</div>
  354. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  355. {/block:Quote}
  356.  
  357. {block:Text}
  358. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  359. <div class="text">{Body}</div>
  360. {/block:Text}
  361.  
  362. {block:Answer}
  363. <div style="background-color:rgba(255,90,121,0.2); padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  364. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  365. <div class="text">{Answer}</div>
  366. {/block:Answer}
  367.  
  368. {block:Chat}
  369. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  370. {block:Lines}<div class="chat"><li class="line_{Alt}">
  371. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  372. {/block:Lines}
  373. {/block:Chat}
  374.  
  375. {block:Link}
  376. <div class="title"><a href="{URL}">{Name}</a></div>
  377. {block:Description}<div class="text">{Description}</div>{/block:Description}
  378. {/block:Link}
  379. </div>
  380.  
  381. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  382. <div id="permalink">{block:Date}<a href="{Permalink}" style="color:{color:accent3};">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}" style="color:{color:accent3};">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color:{color:accent3};">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName}" style="color:{color:accent3};">©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details" style="color:{color:accent3};">reblog</a></div>
  383. <!----------------------------TAG STUFF----------------------------->
  384. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  385.  
  386. {block:PostNotes}
  387. <div id="notesbox">{PostNotes}</div>
  388. {/block:PostNotes}
  389. {/block:Posts}
  390. </div>
  391. </div>
  392.  
  393. </body>
  394.  
  395. </div></div></div></div></div></div></div></div></div></div></div>
  396.  
  397.  
  398. </div></div>
  399.  
  400. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  401.  
  402. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement