Advertisement
Dancebeforethedawn

theme 029 version 2 - gotta be you.

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