Advertisement
Dancebeforethedawn

Theme 026 - Born this way

Sep 17th, 2012
686
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.32 KB | None | 0 0
  1. <!--
  2. Theme 026
  3. - Some nights 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:portrait" content="#ffffff" />
  20. <meta name="color:text" content="#838282"/>
  21. <meta name="color:Box" content="#79787a"/>
  22. <meta name="color:link" content="#b8b8b8"/>
  23. <meta name="color:navbar" content="#f8f4eb" />
  24. <meta name="color:border" content="#f5dcce" />
  25. <meta name="color:Scrollbar" content="#e6cfd5"/>
  26. <meta name="color:link hover" content="889499" />
  27. <meta name="color:sidelink bg" content="#e8e8e8" />
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="text:Link1" content="" />
  30. <meta name="text:Link1 Title" content="" />
  31. <meta name="text:Link2" content="" />
  32. <meta name="text:Link2 Title" content="" />
  33. <meta name="text:Link3" content="" />
  34. <meta name="text:Link3 Title" content="" />
  35. <meta name="text:Link4" content="" />
  36. <meta name="text:Link4 Title" content="" />
  37. <meta name="text:second title" content="" />
  38.  
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  51. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  52. ::-webkit-scrollbar-track{background-color:{color:background};}
  53.  
  54. @font-face {
  55. font-family: 'StarsFromOurEyesRegular';
  56. src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot');
  57. src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot?#iefix') format('embedded-opentype'),
  58. url('http://static.tumblr.com/2lqtwbf/8Obly7nj0/starsfromoureyes-webfont.ttf') format('truetype'),
  59. url('http://static.tumblr.com/2lqtwbf/8NAly7nnb/starsfromoureyes-webfont.svg') format('svg');
  60. font-weight: normal;
  61. font-style: normal;
  62. }
  63.  
  64.  
  65. body { background:{color:background}; margin:0px; color:{color:text}; font-family:Calibri; font-size:10px; line-height:100%;}
  66.  
  67. a { text-decoration:none; outline:none;
  68. -moz-outline-style:none; color:{color:link};
  69. -webkit-transition: opacity 0.5s linear;
  70. -webkit-transition: all 0.5s ease-in-out;
  71. -moz-transition: all 0.5s ease-in-out;
  72. -o-transition: all 0.5s ease-in-out;}
  73.  
  74. a:hover { color:{color:link}; background-color:{color:link hover};
  75. -webkit-transition: opacity 0.5s linear;
  76. -webkit-transition: all 0.5s ease-in-out;
  77. -moz-transition: all 0.5s ease-in-out;
  78. -o-transition: all 0.5s ease-in-out;}
  79.  
  80. img { border:none;}
  81.  
  82.  
  83. h1 { text-transform: lowercase; font-family: Calibri; letter-spacing:-1px; font-size:12px;}
  84.  
  85. #entries { padding:15px; width:500px; margin-left:460px; font-family: Calibri; margin-top:30px;}
  86.  
  87. #post { padding:15px; font-family: Calibri; width:500px; padding-bottom:5px; border:1px solid #f2f2f2; padding:15px;}
  88.  
  89. #post:hover .tags { opacity: 1; display: block; margin-left:525px;
  90. -webkit-transition: opacity 0.5s linear;
  91. -webkit-transition: all 0.5s ease-in-out;
  92. -moz-transition: all 0.5s ease-in-out;
  93. -o-transition: all 0.5s ease-in-out;}
  94.  
  95. .tags { float: left; position:absolute; padding-top: 2px; width: 200px; opacity: 0; font-family: oxygen mono, sans-serif; font-size:9px; color:{color:text}; text-transform: lowercase; margin-left:400px; margin-top:-10px; padding: 5px; line-height:11px;
  96. -webkit-transition: opacity 0.5s linear;
  97. -webkit-transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -o-transition: all 0.5s ease-in-out;}
  100.  
  101. .tags a {
  102. color:{color:link};}
  103.  
  104. .tags a:hover {
  105. background-color:{color:sidelink bg};}
  106.  
  107. #sidebar { background-color:{color:background}; width:230px; position:fixed; margin-left:100px; margin-top:150px;}
  108.  
  109.  
  110. #cred {font-size:10px; letter-spacing:2px; opacity:0.9; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  111.  
  112. #title{color:{color:title}; font-family:'StarsFromOurEyesRegular'; font-size:13px; letter-spacing:1px; text-align:center; margin-top:30px; margin-bottom:-5px; width:230px; margin-left:55px; width:240px;}
  113. #sidebarimage { width 205px; }
  114.  
  115. #sidebarimage img { width:205px; border:1px solid {color:border}; padding:5px;}
  116.  
  117. #navbar { background-color:{color:navbar}; display:block; border:1px solid {color:border}; padding:5px; padding: 5px ; width: 215px; line-height:100%; margin-top:3px; margin-left:65px; text-align:center; }
  118.  
  119. .navigation a { background-color:{color:navbar}; color:{color:link};
  120. font-size:10px; font-family: calibri; display:block inline; margin-bottom: 1px; text-transform: uppercase; text-decoration:none; overflow:hidden; }
  121.  
  122. .navigation a:hover { font-style: italic; color:{color:link hover}; }
  123.  
  124.  
  125.  
  126. #description { padding:5px; text-align:left; font-size: 10px; width: 210px; margin-left:65px;}
  127.  
  128. #pagination {font-size:13px; text-align: center; font-family:{font:Body}; text-align:left; padding:5px; width:180px; margin-left:7px;margin-top:-50px; }
  129. #pagination a{color:{color:Link}}
  130.  
  131. #info { font-family: calibri; font-size: 10px; text-align:left; margin-top:10px; padding-top: 8px; border-top: 2px solid #f7f7f7;}
  132.  
  133. /*MISC POST STYLING (please leave these alone)*/
  134. .cover {position: relative; z-index: 1; width: 160px;}
  135. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 15px 24px 13px 16px;}
  136. .playbox {background-color: #000; position: absolute; z-index: 1000; margin-top: 52px; margin-left: 50px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;opacity: 0.7;}
  137.  
  138.  
  139. #portrait { background-color:{color:portrait}; margin-top:3px; margin-left:-6px; height:70px;
  140. width:70px; border:1px solid {color:border}; position:fixed; }
  141.  
  142. #portrait img { margin-top:3px; margin-left:2,5px; }
  143.  
  144. #quote { width: 450px!Important; font-family: calibri; font-size: 16px; font-style: italic; text-transform: none; line-height:16px;}
  145.  
  146. #s { font-family: calibri; text-align: right; font-size:12px; letter-spacing:1px;}
  147.  
  148. #question { padding:15px; background-color: {color:box}; position: relative;}
  149.  
  150. #question:after, #demo:before { border: solid transparent; content: ' ';
  151. height: 0; left: 100%; position: absolute;
  152. width: 0;}
  153.  
  154. #question:after { border-width: 9px; border-left-color: {color:box};
  155. top: 15px;}
  156.  
  157. #question:before { border-width: 14px; border-left-color: {color:box};
  158. top: 10px;}
  159.  
  160. ol {
  161. list-style-type: none;
  162. margin: 0; }
  163.  
  164. ol.notes li {
  165. width: 500px;
  166. padding: 10px;
  167. margin: 0 0 10px -35px;
  168. border-bottom: 1px solid {color:box}; }
  169.  
  170. ol.notes li:hover {
  171. border-bottom: 1px solid {color:box}; }
  172.  
  173. ol.notes li img {
  174. width:16px;
  175. padding-right: 10px;
  176. margin-bottom: -5px;
  177. opacity: 0.85;
  178. filter:alpha(opacity=85); }
  179.  
  180. ol.notes li img:hover {
  181. opacity: 1;
  182. filter:alpha(opacity=100); }
  183.  
  184.  
  185.  
  186.  
  187. {CustomCSS}</style></head><body>
  188.  
  189.  
  190.  
  191. <div id="sidebar">
  192.  
  193. <center>
  194. <div id="portrait"><img src="{PortraitURL-64}"></div>
  195. </center>
  196.  
  197.  
  198. <div id="cred"><a href="http://icatchingfire.tumblr.com/">&copy; icatchingfire</a></div>
  199.  
  200.  
  201.  
  202. <div id="navbar">
  203. <div class="navigation">
  204. {block:PreviousPage}<a href="{PreviousPage}"><b>«&nbsp;</b></a>{/block:PreviousPage}
  205.  
  206. <a href="/">home</a> · <a href="/ask">ask</a>{block:ifshowrandom} · <a href="/random">random</a>{/block:ifshowrandom}{block:ifshowarchive} · <a href="/archive">archive</a>{/block:ifshowarchive}{block:ifLink1} · <a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} {block:ifLink2} · <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifLink3} · <a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} · <a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  207. {block:NextPage}<a href="{NextPage}"><b>&nbsp;»</b></a>{/block:NextPage}{/block:Pagination}
  208. </div></div>
  209.  
  210.  
  211. <div id="description">{Description}</div>
  212.  
  213.  
  214.  
  215. </div>
  216.  
  217. <div id="entries">{block:Posts}<p>
  218. <div id="post">
  219.  
  220. <div class="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  221.  
  222. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  223.  
  224. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  225.  
  226. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  227.  
  228. {block:Quote}<div id="quote">{Quote}</div><div id="s">{block:Source} —{Source}</div>{/block:Source}{/block:Quote}
  229.  
  230. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  231.  
  232. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  233.  
  234. {block:Audio}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>{block:AlbumArt} <img src="{AlbumArtURL}" class="cover"> {/block:AlbumArt}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  235.  
  236. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  237.  
  238. {block:Answer}
  239. <img align="right" src="{AskerPortraitURL-40}"> <div id="question" style="width:420px;">{Asker}: {Question}</div> <BR>
  240. {Answer}
  241. {/block:Answer}
  242.  
  243. <div id="info">
  244. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  245. {NoteCountWithLabel}</a>&nbsp;{block:RebloggedFrom}<small>(©</small> <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a><small>)</small>{/block:RebloggedFrom}</div>
  246. </p>
  247. </div>
  248.  
  249. {block:ContentSource}
  250. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  251. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  252. {/block:SourceLogo}
  253. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  254. {/block:ContentSource}
  255.  
  256. {/block:Posts}
  257.  
  258. {block:PostNotes}{PostNotes}{/block:PostNotes}
  259. {/block:Posts}</div>
  260.  
  261. </body>
  262.  
  263.  
  264. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement