Advertisement
Dancebeforethedawn

Theme 034 - Teenage dream

Nov 4th, 2012
26,332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.70 KB | None | 0 0
  1. <!--
  2. Theme 34
  3. - Teenage dream 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. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. </head>
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#838282"/>
  20. <meta name="color:Box" content="#ececec"/>
  21. <meta name="color:info" content="#e8e8e8"/>
  22. <meta name="color:link" content="#b8b8b8"/>
  23. <meta name="color:Scrollbar" content="#eee9ea"/>
  24. <meta name="color:Sidebar border" content="#eee9ea"/>
  25. <meta name="color:link hover" content="889499" />
  26. <meta name="color:navbar" content="889499" />
  27. <meta name="image:Sidebar" content=""/>
  28. <meta name="image:Background" content=""/>
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 1 Text" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 2 Text" content="" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 3 Text" content="" />
  35.  
  36.  
  37. <meta name="if:Show Link 1" content="1" />
  38. <meta name="if:Show Link 2" content="1" />
  39. <meta name="if:Show Link 3" content="1" />
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  55. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  56. ::-webkit-scrollbar-track{background-color:{color:background};}
  57.  
  58.  
  59. @font-face { font-family: "inconsolata"; src: url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff'); }
  60.  
  61.  
  62. body { background:{color:background}; background-attachment:fixed; background-image: url('{image:Background}'); background-repeat:yes-repeat; background-position:right top;margin:0px; color:{color:text}; font-family:Calibri; font-size:10px; line-height:100%;}
  63.  
  64. a { text-decoration:none; outline:none;
  65. -moz-outline-style:none; color:{color:link};
  66. -webkit-transition: opacity 0.5s linear;
  67. -webkit-transition: all 0.5s ease-in-out;
  68. -moz-transition: all 0.5s ease-in-out;
  69. -o-transition: all 0.5s ease-in-out;}
  70.  
  71. a:hover { color:{color:link}; background-color:{color:link hover};
  72. -webkit-transition: opacity 0.5s linear;
  73. -webkit-transition: all 0.5s ease-in-out;
  74. -moz-transition: all 0.5s ease-in-out;
  75. -o-transition: all 0.5s ease-in-out;}
  76.  
  77. img { border:none;}
  78.  
  79.  
  80. h1 { text-transform: lowercase; font-family:calibri; font-style: italic; letter-spacing:-1px; font-size:17px;}
  81.  
  82. #entries { padding:15px; width:500px; margin-left:420px; font-family: cambria;font-style: italic; margin-top:70px;line-height:11px;}
  83.  
  84. #post { padding:15px; width:500px; padding-bottom:5px;background-color:{color:background}; font-style: italic;
  85. font-weight: normal;padding-bottom: 15px; font-family: cambria; border: 3px {color:sidebar border};padding: 7px; }
  86.  
  87.  
  88.  
  89. #title2 {color:{color:text}; font-family:georgia; font-style:italic; letter-spacing:0px; position:
  90. text-align:center; font-size:12px; margin-top:5px; margin-left:0px; padding:2px; width:180px; z-index:100; }
  91.  
  92. .sidebar { padding: 10px; width: 360px; margin-top: 150px; margin-left: 80px; position: fixed; color: {color:link}; margin-left: 50px; line-height: 12px; }
  93.  
  94.  
  95. .sideimg {border: 3px double {color:sidebar border};padding: 7px; }
  96.  
  97. .links {
  98. -webkit-transition:all 0.2s ease-out;
  99. -moz-transition:all 0.2s ease-out;
  100. transition:all 0.2s ease-out;margin-left:-2px; margin-top:-2px; width:190px; text-align:center; }
  101.  
  102. .links a { color: {color:link}; margin-bottom: -10px; text-transform: uppercase; padding:5px; font-family:cambria, sans-serif;
  103. opacity: 1; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; height: 14.5px; font-size: 8px; letter-spacing: 1px; margin-left: 1px; }
  104.  
  105. .links a:hover { color: {color: menu link hover}; background-color: {color:link hover};
  106. }
  107.  
  108.  
  109. #description { display: block; margin-top:-7px; margin-left:0px; width:175px; background: url(http://static.tumblr.com/akhimg2/fAbm9o4gq/untitled-2.png) no-repeat 0 3px; padding-left: 10px; padding-top:10px; font-size:10px;text-align:left; color: {color:text}; }
  110.  
  111. #pagination { width:205px; font-size:10px; word-spacing:7px;}
  112.  
  113. .jump_page { padding:3px; background-color:#transparent; }
  114.  
  115. .current_page { padding:3px; background-color:#transparent; color:{color:body}; }
  116.  
  117.  
  118. #info {
  119. text-align:left;
  120. font-family:cambria;
  121. font-size: 10px;
  122. font-style: italic;
  123. margin-top:10px;
  124. border: 1px solid #f8f8f8;
  125. padding:3px;
  126. text-transform:lowercase;
  127. background-color:{color:info};}
  128.  
  129. .tags{
  130. color: {color:tags};
  131. background-color: #fff;
  132. border-top: 1px dashed #eee;
  133. width:490px;
  134. margin-top: 0px;
  135. font-family:cambria;
  136. font-size: 8.5px;
  137. letter-spacing: 1px;
  138. font-style: normal;
  139. text-align:left;
  140. line-height:10px;
  141. padding:4px;
  142. -webkit-transition-duration: 0.6s;
  143. -moz-transition-duration: 0.6s;
  144. text-transform:uppercase;}
  145.  
  146. .tags a:hover{
  147. color: {color:linkhovercolor}
  148. padding: 1px;
  149. -webkit-transition-duration: 0.6s;
  150. -moz-transition-duration: 0.6s;}
  151.  
  152. .audio{padding:5px 5px 1px 1px;}
  153. .player{background-color:White; padding:3px;}
  154. .alabel{text-align:center;}
  155.  
  156.  
  157. .credit {position:fixed; bottom:15px; right:15px; font: 8px cambria, sans-serif; background: #fcfcfc; color: #cccccc; border: 1px solid #f2f2f2; text-transform:uppercase; letter-spacing: 0px; padding: 5px; }
  158. .credit a{color:{color:link}; opacity:0.8;}
  159. .credit a:hover{color:{color:linkhovercolor}; opacity:1.0;}
  160.  
  161. #quote { width: 450px!Important; font-family: calibri; font-size: 16px; font-style: italic; text-transform: none; line-height:16px;}
  162.  
  163. #s {
  164. padding: 5px;
  165. margin: 10px 0;
  166. border-left: 1px solid #f2f2f2;
  167. background-color:{color:question bg};}
  168.  
  169. .questions{
  170. color: #747474;
  171. font-family: cambria;
  172. font-size:9.5px;
  173. background-color: #fcfcfc;
  174. padding:25px;
  175. margin-bottom:0px;
  176. text-align:left;
  177. letter-spacing: 0px;}
  178.  
  179. .questions a:hover{
  180. color:{color:linkhovercolor};
  181. text-decoration: underline;}
  182.  
  183. .answer{
  184. color:#747474;
  185. font-family:cambria;
  186. font-size:10px;
  187. font-style: none;
  188. background-color:{color:background};
  189. padding:5px;
  190. margin-bottom:0px;
  191. text-align:left;
  192. line-height: 12px;}
  193.  
  194.  
  195.  
  196.  
  197. ol {
  198. list-style-type: none;
  199. margin: 0; }
  200.  
  201. ol.notes li { width: 500px; padding: 10px;
  202. margin: 0 0 10px -35px; border-bottom: 1px solid {color:box}; }
  203.  
  204. ol.notes li:hover { border-bottom: 1px solid {color:box}; }
  205.  
  206. ol.notes li img { width:16px; padding-right: 10px; margin-bottom: -5px; opacity: 0.85;
  207. filter:alpha(opacity=85); }
  208.  
  209. ol.notes li img:hover {
  210. opacity: 1;
  211. filter:alpha(opacity=100); }
  212.  
  213. #cred {
  214. position:fixed;
  215. width:80px;
  216. font-family:consolas;
  217. font-size:10px;
  218. line-height:150%;
  219. right:-73px;
  220. bottom:10px;
  221. text-align:left;
  222. color:{color:text};
  223. background-color:{color:none};
  224. padding:5px;
  225. border:1px solid {color:sidebar border};
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229. }
  230.  
  231. #cred:hover {
  232. right:-2px;
  233. -moz-transition-duration:0.5s;
  234. -webkit-transition-duration:0.5s;
  235. -o-transition-duration:0.5s;
  236. }
  237.  
  238.  
  239. {CustomCSS}</style></head><body>
  240.  
  241. <div class="credit"><a href="http://icatchingfire.tumblr.com/"> Credit</a></div>
  242.  
  243. <div class="sidebar">
  244.  
  245. <center>
  246. <img src="{image:Sidebar}" width="180" height="210" class="sideimg">
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254. <div id="title2">{Title}</div>
  255. <div class="links">
  256. <a href="/">home</a>
  257.  
  258. <a href="/ask">ask</a>
  259.  
  260. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  261.  
  262. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>
  263. {/block:IfShowLink2}
  264.  
  265. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>
  266. {/block:IfShowLink3}
  267.  
  268. </div>
  269. <div id="description">
  270. {Description}</div>
  271.  
  272.  
  273.  
  274.  
  275. <br>
  276.  
  277.  
  278. <center> {block:Pagination}
  279. {block:PreviousPage}<a style="font-size:11px;" class="current_page" href="{PreviousPage}">&lsaquo;</a>{/block:PreviousPage}
  280. {CurrentPage} of {TotalPages}
  281. {block:NextPage}<a style="font-size:11px;" class="jump_page" href="{NextPage}">&rsaquo;</a>{/block:NextPage}
  282. {/block:Pagination} </center>
  283.  
  284. </div>
  285.  
  286. <div id="entries">{block:Posts}<p>
  287. <div id="post">
  288.  
  289. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  290.  
  291. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  292.  
  293. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  294.  
  295. {block:Quote}<div id="quote">{Quote}</div><div id="s">{block:Source} —{Source}</div>{/block:Source}{/block:Quote}
  296.  
  297. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  298.  
  299. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  300.  
  301. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  302. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  303. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  304. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  305. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  306.  
  307. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  308.  
  309. {block:Answer}<div class="questions"><b>{Asker}:</b> "{Question}"</div>
  310. <div class="answer">{Answer}</div>{/block:answer}
  311.  
  312.  
  313. <div id="info">
  314. {block:Date}posted {TimeAgo}
  315. with <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a>
  316. {block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  317. source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  318. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Date} </div>
  319. </div>
  320. {/block:Posts}
  321. {block:Posts}{PostNotes}{/block:Posts}</div>
  322.  
  323. </body>
  324.  
  325.  
  326. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement