API tools faq
paste
Advertisement
Dancebeforethedawn

Theme 56 - If i die young

Dancebeforethedawn
Oct 14th, 2013
5,478
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 55
  3. - If i die young by Michelle http://icatchingfire.tumblr.com/
  4. don't remove my credits
  5. dont edit and claim it as your own
  6. enjoy
  7. !-->
  8.  
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:link hover" content="#454545">
  14. <meta name="color:nav" content="#FAFAFA">
  15. <meta name="color:nav2" content="#FAFAFA">
  16. <meta name="color:title" content="#747474" />
  17. <meta name="color:quote" content="#454545">
  18. <meta name="color:text" content="#9A9A9A">
  19. <meta name="color:scrollbar" content="#454545">
  20. <meta name="color:border" content="#FAFAFA">
  21.  
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:background" content=""/>
  25.  
  26. <meta name="text:Link1 Url" content="" />
  27.  
  28. <meta name="text:Link1 Title" content="" />
  29.  
  30. <meta name="text:Link2 Url" content="" />
  31.  
  32. <meta name="text:Link2 Title" content="" />
  33.  
  34. <meta name="text:Link3 Url" content="" />
  35.  
  36. <meta name="text:Link3 Title" content="" />
  37.  
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  41. <link rel="shortcut icon" href="{Favicon}" />
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  43. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  44. <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  45. <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. a {
  51. text-decoration:none;
  52. -moz-transition-duration:0.5s;
  53. -webkit-transition-duration:0.5s;
  54. -o-transition-duration:0.5s;
  55. color:{color:link};
  56. }
  57.  
  58. a:hover {
  59. text-decoration:none;
  60. -moz-transition-duration:0.5s;
  61. -webkit-transition-duration:0.5s;
  62. -o-transition-duration:0.5s;
  63. color:{color:hover};
  64. }
  65.  
  66.  
  67. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  68. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  69. ::-webkit-scrollbar-track{background-color:{color:bg};}
  70.  
  71.  
  72. body { font-family:calibri; font-weight:normal; background-color:{color:bg}; }
  73.  
  74. h1 { font-weight:normal; font-size:8px; text-align:center; font-style:normal; line-height:80%; letter-spacing:1px; text-transform:uppercase; color:{color:text}; }
  75.  
  76. h2 { font-family:calibri; font-size:10px; text-transform:uppercase; text-align:center; line-height:100%; letter-spacing:-0.5px; font-weight:normal; padding:5px; padding-bottom:2px; color:{color:text}; }
  77.  
  78. blockquote { padding:5px; margin:5px; border:1px solid; border-radius:5px; background-color:{color:quote}; border-color:#f2f2f2; ; }
  79.  
  80.  
  81. #sidebar { position:fixed; width:200px; height:auto; margin-left:-100px; margin-top:150px; text-align:left; z-index:100; color:{color:text}; }
  82.  
  83. #sidebar img { width:240px;
  84. height:auto; padding:0px; margin-left:147px; padding:5px; }
  85.  
  86. #linkage a{width:34px; font-family:{font:Body}; position: fixed; font-size:8px; line-height:3px; overflow:hidden; display: list-item; text-align:center; font-style:none; letter-spacing:1px; padding:6px; text-transform:uppercase; margin-right:5px; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  87.  
  88.  
  89. #linkage{margin-top:-102px; margin-left:153px; width:250px;}
  90.  
  91. .rf a{color:#fff; background-color:{color:nav};margin-left:0px; margin-top:100px;}
  92. .rf a:hover{background-color:#fff; color:{color:nav};border-bottom:2px solid {color:nav};}
  93.  
  94. .msg a{color:#fff; background-color:{color:nav2};margin-left:48px; margin-top:100px;}
  95. .msg a:hover{background-color:#fff; color:{color:nav2}; border-bottom:2px solid {color:nav2};}
  96.  
  97. .nav1 a{color:#fff; background-color:{color:nav};margin-left:96px; margin-top:100px;}
  98. .nav1 a:hover{background-color:#fff; color:{color:nav};border-bottom:2px solid {color:nav};}
  99.  
  100. .nav2 a{color:#fff; background-color:{color:nav2};margin-left:144px; margin-top:100px;}
  101. .nav2 a:hover{background-color:#fff; color:{color:nav2};border-bottom:2px solid {color:nav2};}
  102.  
  103. .nav3 a {color:#fff; background-color:{color:nav};margin-left:192px; margin-top:100px;}
  104. .nav3 a:hover{background-color:#fff; color:{color:nav};border-bottom:2px solid {color:nav};}
  105.  
  106.  
  107. #description { display: block; margin-top:115px; margin-left:148px; width:240px; font-size:8px; text-align: justify; padding:5px;color: {color:text};font-family:calibri; ; text-transform:uppercase; }
  108. #description:first-letter { font-size:12px; font-style:italic; font-weight:bold; color:{color:blockquote line}; }
  109.  
  110. .pagination { font-style:italic; width:150px; font-size:8px; margin-left:0px; width:205px; margin-top:20px; text-transform:lowercase; text-align:center; letter-spacing:3px; padding:3px; background-color:#ffffff; }
  111.  
  112. .pagination a { padding:2px 5px; color:{color:link}; }
  113.  
  114. #title {color:{color:tittle}; font-family: 'Pathway Gothic One', sans-serif; letter-spacing:0px; position: text-align:center; font-size:27px; margin-top:-60px; margin-left:160px; padding:2px; width:240px; z-index:100; text-transform:lowercase;}
  115.  
  116. #stuffcontainer { font-family: cambria; padding:35px; width:520px; margin-left:335px; margin-top:-15px; font-weight: normal; font-style: italic; line-height:11px; border-left: 3px double {color:border}; }
  117.  
  118. #stuff { width:500px; margin-top:50px; text-align:justify; font-size:9px; font-family:cambria; font-style:italic; line-height:170%; color:{color:text}; }
  119.  
  120. .caption { width:500px; text-align:justify; line-height:120%; }
  121.  
  122. #info { width:500px; text-align:left; font-family:'trebuchet ms'; margin-top:3px; margin-left:px; letter-spacing:1px; font-size:7px; font-styl :none; padding:1px; line-height:10px; text-transform:uppercase; border-top:1px solid #f2f2f2; }
  123.  
  124. #info a { text-align:center; color:{color:link}; }
  125.  
  126. #info a:hover { -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:#454545 }
  127.  
  128. #tags { float:left; width:489px; margin-top:-7px; margin-left:-5px; text-align:left; font-size:7px; padding:5px; font-size:8px; opacity:1;
  129. transition-duration: 0.5s;
  130. -moz-transition-duration: 0.5s;
  131. -webkit-transition-duration: 0.5s;
  132. -o-transition-duration: 0.5s
  133. color:{color:link}; }
  134.  
  135. #tags a { letter-spacing:0px; font-size:8px; text-align:center; font-family:'CALIBRI'; text-decoration:none; display:inline-block; color:{color:link}; }
  136.  
  137. #tags a:hover { background-color:#fff; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:#454545; }
  138.  
  139.  
  140. #question { padding:10px; background-color:#f9f9f9; font-family:trebuchet ms; font-size:9px; position: relative;}
  141.  
  142. #question:after, #demo:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0;}
  143.  
  144. #question:after { border-width: 9px; border-left-color:#F7F7F7; top: 7px;}
  145.  
  146. #question:before { border-width: 14px; border-left-color:#F7F7F7; top: 10px;}
  147.  
  148. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px;} .player {position:absolute; z-index:3; background:#000000; margin-top:45px; margin-left:73px; opacity:0.75; filter:alpha(opacity=75); border:0px #000000 solid; border-radius: 100px;} .audioplayer {background: #fcfcfc; border: 1px solid #ededed; width:207px; height:18px; overflow:hidden; padding:5px; padding-bottom:13px; margin-right:11px} .audioinfo {margin-left:140px; line-height:155%; font-family: cambria; font-size:10px!important;} .audiocaption {margin-left:172px;} .audiocaption img {max-width:330px!important} .audiocaption blockquote img {max-width:320px!important} .audiocaption blockquote blockquote img {max-width:310px!important}
  149.  
  150.  
  151.  
  152.  
  153. .note { text-transform:uppercase; font-style:normal; letter-spacing:0px; font-size: 9px; text-align:left; line-height:90%; margin-left:-40px; }
  154.  
  155. .note li { list-style-type:none; padding:10px 25px 10px 25px; text-align:left; margin:0px;
  156. -moz-transition-duration:0.5s;
  157. -webkit-transition-duration:0.5s;
  158. -o-transition-duration:0.5s; border-bottom:1px solid {color:border}; }
  159.  
  160.  
  161.  
  162. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:2px; }
  163.  
  164. .label { text-decoration:underline; font-weight:700; margin-right:5px; }
  165.  
  166. .credit { font-family: 'Rock Salt', cursive; -webkit-transform: rotate(-30deg); font-size:12px; font-style:normal;text-transform:uppercase; text-align:center; font-weight:bold; position:fixed; bottom:25px; right:15px; }
  167. .credit a{color:{color:nav2}; opacity:0.8;}
  168. .credit a:hover{color:{color:link}; opacity:1.0;}
  169.  
  170.  
  171.  
  172. {CustomCSS}
  173.  
  174. </style></head>
  175. <body>
  176.  
  177. <div id="sidebar">
  178. <div id="title">{Title}</div>
  179. <img src="{image:sidebar}">
  180. <div id="linkage">
  181.  
  182. <div class="rf"><a href="/">home</a></div>
  183. <div class="msg"><a href="/ask">mssg</a></div>
  184. <div class="nav1">{block:ifLink1Title}<a href="{text:Link1 Url}">{text:Link1 Title}</a>{/block:ifLink1Title}</div>
  185. <div class="nav2">{block:ifLink2Title}<a href="{text:Link2 Url}">{text:Link2 Title}</a>{/block:ifLink2Title}</div>
  186. <div class="nav3">{block:ifLink3Title}<a href="{text:Link3 Url}">{text:Link3 Title}</a>{/block:ifLink3Title}
  187. </div>
  188. </div>
  189.  
  190. <div id="description">
  191. {description}
  192. <br>
  193. <br>
  194. <div class="pagi">
  195. {block:Pagination}
  196. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  197. {block:JumpPagination length="5"}
  198. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  199. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  200. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  201. {/block:Pagination}
  202. </div>
  203. </p>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208.  
  209. <div id="stuffcontainer">
  210.  
  211. {block:Posts}
  212.  
  213. <div id="stuff">
  214.  
  215. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  216.  
  217. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  218.  
  219. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  220. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  221.  
  222. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  223.  
  224. {block:Photoset}<center>{Photoset-500}</center>
  225. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  226.  
  227. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  228.  
  229. {block:Audio}<div class="audio"><span style="background-color:{color:Background}; position:absolute; width:80px; height:80px; margin-left:-15px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="110px" height="110px" align="left" style="margin-left:30px; opacity: 0.7; border: 1px solid #ededed; padding: 3px; font-size: 8px;" />{/block:AlbumArt}</span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  230. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  231. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  232.  
  233. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  234.  
  235. {block:Answer}
  236. <img align="right" src="{AskerPortraitURL-30}"> <div id="question" style="width:437px;"><div style="color:#fff;background-color:#ececec;padding:2px;">{Asker}:</div>{Question}</div>
  237. {Answer}
  238. {/block:Answer}
  239. <br>
  240. <br>
  241. <div id="info">
  242. posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a>
  243. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  244. {/block:Posts}
  245. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  246. {/block:Posts}</div></div></div>
  247. <div class="credit"><a href="http://icatchingfire.tumblr.com/">ICF</a></div>
  248.  
  249.  
  250.  
  251.  
  252.  
  253. </div>
  254. </div>
  255. </div>
  256. </body>
  257. </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!