API tools faq
paste
Advertisement
Guest User

Theme

a guest
Jun 29th, 2016
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Theme 02
  5. "Chaos"
  6.  
  7. Made by Gretchen Marlow
  8. gretchcodes.tumblr.com
  9.  
  10.  
  11. This work is licensed under a
  12. Creative Commons Attribution-NonCommercial 4.0 International License
  13.  
  14. Read about what that means here:
  15. http://creativecommons.org/licenses/by-nc/4.0/
  16.  
  17.  
  18. Thank you for using my themes! If you have any questions
  19. please visit gretchcodes.tumblr.com/tagged/help
  20.  
  21. <3
  22.  
  23. -->
  24.  
  25.  
  26. <head>
  27.  
  28. <style>
  29. .tmblr-iframe { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; z-index:999;}body, a, a:hover
  30. </style>
  31.  
  32. <link href="//db.onlinewebfonts.com/c/0fb6570a60563eb5563ea22165640c31?family=News+Gothic+MT" rel="stylesheet" type="text/css"/>
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36.  
  37. <title>{Title}</title>
  38.  
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
  42.  
  43. <meta name="color:Background" content="white"/>
  44. <meta name="color:Title" content="black"/>
  45. <meta name="color:Description" content="black"/>
  46. <meta name="color:Header Links" content="black"/>
  47. <meta name="color:Header Links Hover" content=""/>
  48. <meta name="color:Text" content="black"/>
  49. <meta name="color:Links" content="#8396b3"/>
  50. <meta name="color:Links Hover" content=""/>
  51. <meta name="color:Blockquote" content="#dce7f8"/>
  52. <meta name="color:Post Titles" content="white"/>
  53. <meta name="color:Post Titles Background" content="#dce7f8"/>
  54. <meta name="color:Pagination" content="black"/>
  55.  
  56. <meta name="text:Header Links Opacity" content="1"/>
  57. <meta name="text:Header Links Hover Opacity" content=".4"/>
  58.  
  59. <meta name="image:Header Image" content=""/>
  60. <meta name="if:Show Tags" content="1"/>
  61. <meta name="if:Header Image Repeat" content="0"/>
  62. <meta name="if:Title Italic" content="0"/>
  63. <meta name="if:Title Bold" content="1"/>
  64. <meta name="if:Description Italic" content="1"/>
  65. <meta name="if:Description Bold" content="1"/>
  66. <meta name="if:Centered Post Titles" content="1"/>
  67. <meta name="if:Links Hover Italic" content="1"/>
  68. <meta name="if:Header Links Hover Italic" content="0"/>
  69.  
  70. <meta name="text:Link 1" content="home" />
  71. <meta name="text:Link 1 URL" content="/" />
  72. <meta name="text:Link 2" content="ask" />
  73. <meta name="text:Link 2 URL" content="/ask" />
  74. <meta name="text:Link 3" content="link3"/>
  75. <meta name="text:Link 3 URL" content="/" />
  76. <meta name="text:Link 4" content="link4"/>
  77. <meta name="text:Link 4 URL" content="/" />
  78. <meta name="text:Link 5" content=""/>
  79. <meta name="text:Link 5 URL" content="/" />
  80.  
  81.  
  82. <style type="text/css">
  83.  
  84. /* Basics */
  85.  
  86. body{font-family: 'Montserrat';
  87. font-size: 12px;
  88. line-height:15px;
  89. font-weight:400;
  90. height:100%;
  91. text-align:justify;
  92. word-wrap:break-word;
  93. background: {color:Background};
  94. color:{color:Text};}
  95.  
  96. a{color:{color:Links};
  97. text-decoration:none;
  98. -webkit-transition: all 0.3s;
  99. -moz-transition: all 0.3s;
  100. -ms-transition: all 0.3s;
  101. -o-transition: all 0.3s;
  102. transition: all 0.3s;}
  103.  
  104. a:hover{color:{color:Links Hover};
  105. {block:ifLinksHoverItalic}
  106. font-style:italic;
  107. {/block:ifLinksHoverItalic}}
  108.  
  109. img{max-width:100%;
  110. opacity:1;
  111. border:none;
  112. text-decoration:none}
  113.  
  114. blockquote {padding:1px 0px 1px 10px;
  115. border-left:1px solid {color:Blockquote};
  116. margin-left:15px;}
  117.  
  118. small{font-size:10px;}
  119.  
  120. big{font-size:14px;}
  121.  
  122. /* Header Links Styling */
  123.  
  124. #links{text-transform:uppercase;
  125. width:100%;
  126. letter-spacing:2px;
  127. margin-top:30px;
  128. text-align:center;
  129. font-size:11px;
  130. font-family:'Montserrat';}
  131.  
  132. #links a{padding:5px;
  133. margin:25px;
  134. color:{color:Header Links};
  135. opacity:{text:Header Links Opacity};}
  136. #links a:hover{{block:ifNotHeaderLinksHoverItalic}
  137. font-style:normal;
  138. {/block:ifNotHeaderLinksHoverItalic}
  139. color:{color:Header Links Hover};
  140. opacity:{text:Header Links Hover Opacity};}
  141.  
  142. /* Header Image Styling */
  143.  
  144. #headerimg{margin-top:-10px;
  145. margin-left:-8px;
  146. overflow:hidden;
  147. background-image:url("{image:Header Image}");
  148. background-position-y: 100%;
  149. width:105%;
  150. height:400px;
  151. {block:ifNotHeaderImageRepeat}
  152. background-size: 100%;
  153. background-repeat:no-repeat;
  154. {/block:ifNotHeaderImageRepeat}
  155. {block:ifHeaderImageRepeat}
  156. background-repeat:repeat;
  157. {/block:ifHeaderImageRepeat}
  158. }
  159.  
  160. #headerimg img{overflow:hidden;}
  161.  
  162. #desc{font-size:14px;
  163. position:absolute;
  164. letter-spacing:2px;
  165. {block:ifNotDescriptionBold}
  166. font-weight:100;
  167. {/block:ifNotDescriptionBold}
  168. {block:ifDescriptionBold}
  169. font-weight:400;
  170. {/block:ifDescriptionBold}
  171. line-height:20px;
  172. margin-top:-190px;
  173. text-align:center;
  174. color:{color:Description};
  175. width:100%;
  176. {block:ifDescriptionItalic}
  177. font-style:italic;
  178. {/block:ifDescriptionItalic}}
  179.  
  180. #desc p{width:500px;
  181. font-family:'Arial';
  182. margin-left: auto ;
  183. margin-right: auto ;}
  184.  
  185. #header{font-size:65px;
  186. font-family:'News Gothic MT';
  187. width:100%;
  188. letter-spacing:2px;
  189. {block:ifTitleBold}
  190. font-weight:400;
  191. {/block:ifTitleBold}
  192. {block:ifNotTitleBold}
  193. font-weight:100;
  194. {/block:ifNotTitleBold}
  195. {block:ifTitleItalic}
  196. font-style:italic;
  197. {/block:ifTitleItalic}
  198. position:absolute;
  199. margin-top:-250px;
  200. text-align:center;}
  201.  
  202. #header a{color:{color:Title};}
  203.  
  204. #header a:hover{{block:ifNotTitleItalic}
  205. font-style:normal;
  206. {/block:ifNotTitleItalic}}
  207.  
  208. /* Post Styling */
  209.  
  210. #entries{margin-top:10%;
  211. width:800px;
  212. margin-left: auto ;
  213. margin-right: auto ;
  214. padding-bottom:200px;}
  215.  
  216. #posts{width:800px;
  217. padding:10px;}
  218.  
  219. #posts img, #posts li, #posts blockquote{height:auto;
  220. max-width: 100%;}
  221.  
  222. .caption{width:500px;
  223. height:auto;
  224. padding-left:5px;
  225. padding-right:5px;}
  226.  
  227.  
  228. /* Text and Link Posts */
  229.  
  230. .text{padding-left:0px;
  231. padding-right:0px;}
  232.  
  233. .titles{font-size:15px;
  234. {block:ifCenteredPostTitles}
  235. margin-bottom:15px;
  236. border-radius:5px;
  237. text-align:center;
  238. background:{color:Post Titles Background};
  239. padding:10px;
  240. {/block:ifCenteredPostTitles}
  241. {block:AskPage}
  242. margin-bottom:15px;
  243. {/block:AskPage}
  244. letter-spacing:1.5px;
  245. color:{color:Post Titles};
  246. line-height:15px;
  247. text-transform:uppercase;
  248. font-weight:400;}
  249.  
  250. .titles a{color:{color:Post Titles};}
  251.  
  252. /* Quotes */
  253.  
  254. #titlequote{text-align:justify;
  255. font-size:15px;
  256. line-height:30px;
  257. letter-spacing:1px;
  258. padding:10px;
  259. font-weight:400;}
  260.  
  261. #source{margin-top:5px;
  262. margin-left:15px;
  263. font-size:11px;
  264. text-align:left;}
  265.  
  266. /* Asks */
  267.  
  268. .q{margin-bottom:10px;
  269. padding:20px;
  270. opacity:.8;
  271. border:1px solid {color:Blockquote};
  272. border-radius:5px;}
  273.  
  274. .as{text-transform:uppercase;
  275. margin-bottom:10px;
  276. font-size:10px;
  277. letter-spacing:1.5px;}
  278.  
  279. .a{margin-top:25px;
  280. padding-left:10px;
  281. padding-right:10px;}
  282.  
  283. /* Chat */
  284.  
  285. .chat ol{padding:5px;
  286. list-style:none;}
  287.  
  288. .line{padding:5px 0;}
  289.  
  290. .label{font-weight:bold;}
  291.  
  292. /* Permalink Tags and Notes */
  293.  
  294. #permalink{font-size:8px;
  295. width:800px;
  296. display:block;
  297. height:10px;
  298. text-align:right;
  299. border-top:1px solid {color:Blockquote};
  300. margin-top:20px;
  301. padding-top:10px;
  302. text-transform:uppercase;
  303. -webkit-transition:all 1s ease;
  304. -moz-transition:all 1s ease;
  305. transition:all 1s ease;}
  306.  
  307. #permalink a{padding:3px;}
  308.  
  309.  
  310. .tags{word-wrap:normal;
  311. font-size:8px;
  312. line-height:20px;
  313. text-transform:none;
  314. {block:PermalinkPage}
  315. margin-bottom:10px;
  316. {/block:PermalinkPage}
  317. text-align:left;
  318. width:250px;
  319. margin-left:5px;
  320. position:relative;
  321. margin-top:-22px;
  322. {block:IndexPage}
  323. margin-bottom:200px;
  324. {/block:IndexPage}}
  325.  
  326. .tags a{padding:3px;
  327. margin-right:10px;
  328. font-size:10px;}
  329.  
  330. .pagenotes{{block:IndexPage}
  331. display: none!important;
  332. {/block:IndexPage}
  333. width:490px;
  334. font-size:10px;
  335. padding-left:15px;
  336. padding-right:15px;
  337. padding-top:3px;
  338. padding-bottom:5px;
  339. text-align:center;}
  340.  
  341. .pagenotes img{display:none!important;}
  342.  
  343. .pagenotes li{list-style-type:none;
  344. padding:5px 0px;
  345. text-align:left;
  346. margin:0 0 0 -40px;}
  347.  
  348. /* Pagination */
  349.  
  350. #pagination{text-align:center;
  351. font-size:14px;
  352. letter-spacing:2px;
  353. font-family:'Montserrat';
  354. color:{color:Pagination};}
  355.  
  356. #pagination a{opacity:{text:Header Links Opacity};
  357. color:{color:Pagination};}
  358.  
  359. #pagination a:hover{
  360. opacity:{text:Header Links Hover Opacity};
  361. {block:ifNotHeaderLinksHoverItalic}
  362. font-style:normal;
  363. {/block:ifNotHeaderLinksHoverItalic}}
  364.  
  365. /* Credit DO NOT REMOVE */
  366.  
  367. #credit{float:right;
  368. position:fixed;
  369. bottom:10px;
  370. height:23px;
  371. font-size:8px;
  372. right:10px;
  373. opacity:.4;
  374. background:white;
  375. z-index:999;
  376. text-align:center;
  377. -webkit-transition: all 0.3s;
  378. -moz-transition: all 0.3s;
  379. -ms-transition: all 0.3s;
  380. -o-transition: all 0.3s;
  381. transition: all 0.3s;}
  382. #credit:hover{opacity:1;}
  383. #credit a:hover{opacity:1;}
  384.  
  385. #credit img{
  386. width:40px;}
  387.  
  388. {CustomCSS}
  389.  
  390. </style>
  391.  
  392. </head>
  393.  
  394. <body>
  395.  
  396. <div id="headerimg"></div>
  397. <div id="header"><a href="/">{Title}</a></div>
  398. <div id="desc"><p>{Description}</p></div>
  399.  
  400. <div id="links">
  401. {block:ifLink1}
  402. <a href="{text:Link 1 Url}">{text:Link 1}</a>
  403. {/block:ifLink1}
  404. {block:ifLink2}
  405. <a href="{text:Link 2 Url}">{text:Link 2}</a>
  406. {/block:ifLink2}
  407. {block:ifLink3}
  408. <a href="{text:Link 3 Url}">{text:Link 3}</a>
  409. {/block:ifLink3}
  410. {block:ifLink4}
  411. <a href="{text:Link 4 Url}">{text:Link 4}</a>
  412. {/block:ifLink4}
  413. {block:ifLink5}
  414. <a href="{text:Link 5 Url}">{text:Link 5}</a>
  415. {/block:ifLink5}
  416. </div>
  417.  
  418.  
  419. <!-- Posts -->
  420.  
  421. <div id="entries" >
  422. {block:Posts}
  423. <div id="posts">
  424.  
  425. {block:Quote}
  426.  
  427. <div id="titlequote">“{Quote}”</div>
  428. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  429. {/block:Quote}
  430.  
  431. {block:Text}
  432. {block:Title}
  433. <div class="titles">{Title}</div>{/block:Title}
  434. <div class="text">
  435. {Body}</div>
  436. {/block:Text}
  437.  
  438. {block:Link}
  439. <div class="titles"><a href="{URL}">{Name}</a></div>{block:Description}<div class="text">{Description}</div>{/block:Description}
  440. {/block:Link}
  441.  
  442. {block:Chat}
  443. {block:Title}
  444. <h1>{Title}</h1>
  445. {/block:Title}
  446. <div class="chat">
  447. <ol>{block:Lines}
  448. <li class="line {Alt}">
  449. {block:Label}
  450. <span class="label">
  451. {Label}</span>
  452. {/block:Label}{Line}</li>
  453. {/block:Lines}
  454. </ol></div>
  455. {/block:Chat}
  456.  
  457. {block:Photo}
  458. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
  459. {/block:Photo}
  460.  
  461. {block:Photoset}
  462. {block:Photos}
  463. <img src="{PhotoURL-HighRes}" class="highres">
  464. {/block:Photos}{/block:Photoset}
  465.  
  466. {block:Video}
  467. {Video-500}
  468. {/block:Video}
  469.  
  470. {block:Audio}
  471. {block:AudioEmbed}
  472. <div class="player">
  473. {AudioEmbed-500}
  474. </div>
  475. {/block:AudioEmbed}
  476. {/block:Audio}
  477.  
  478. {block:Answer}
  479. <div class="q">
  480. <div class="as">{Asker} asked:</div>
  481. {Question}</div>
  482. <div class="a">{Answer}</div>
  483. {/block:Answer}
  484.  
  485. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  486.  
  487. {block:Date}
  488. <div id="permalink">
  489. <a href="{Permalink}" >{TimeAgo}</a>
  490.  
  491. {block:PermalinkPage}
  492. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  493. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  494. {/block:PermalinkPage}
  495. </div></div>
  496. {/block:Date}
  497.  
  498. <div class="tags">{block:ifShowTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:ifShowTags}</div>
  499.  
  500.  
  501. {block:PostNotes}
  502. <div class="pagenotes">
  503. {PostNotes}
  504. </div>
  505. {/block:PostNotes}
  506.  
  507. {/block:Posts}
  508.  
  509. <div id="pagination">
  510. {block:Pagination}{block:NextPage}
  511. <a href="{NextPage}"><font size="5">↤</font> OLDER</a><br><br>
  512. {/block:NextPage}
  513. {block:PreviousPage}
  514. <a href="{PreviousPage}">NEWER <font size="5">↦</font></a>
  515. {/block:PreviousPage}
  516. {/block:Pagination}
  517. </div>
  518.  
  519. </div>
  520.  
  521. {block:ContentSource}
  522. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  523. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  524. {/block:SourceLogo}
  525. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  526. {/block:ContentSource}
  527.  
  528. <!-- {block:NoRebloggedFrom}
  529. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  530. {/block:NoRebloggedFrom} -->
  531.  
  532. <!-- Credit
  533. <div id="credit">
  534. <a href="http://gretchcodes.tumblr.com"><img alt="gretchcodes" src="https://40.media.tumblr.com/4224da920bc44f032a599abb29202832/tumblr_nsvqqilqOW1qfrnkno7_r1_250.png"></a>
  535. </div>
  536. -->
  537.  
  538. </body>
  539. </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!