API tools faq
paste
gkm

02 Chaos

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