Advertisement
Dancebeforethedawn

Theme 37 - Come see about me

Dec 11th, 2012
16,808
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.28 KB | None | 0 0
  1. <!--
  2. Theme 37
  3. - Come see about me 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. <html>
  10. <head>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:scrollbg" content="#ffffff" />
  15. <meta name="color:scrollbar" content="#dfdfdf" />
  16. <meta name="color:text" content="#9b9b9b" />
  17. <meta name="color:link" content="#9b9b9b" />
  18. <meta name="color:linkhovercolor" content="#575656" />
  19. <meta name="color:imgsidebar border" content="#f2f2f2">
  20. <meta name="color:selection" content="#cacaca"/>
  21. <meta name="color:selectionbg" content="#fcfcfc"/>
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:background" content="" />
  25.  
  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. <meta name="if:Show Link 1" content="1" />
  36. <meta name="if:Show Link 2" content="1" />
  37. <meta name="if:Show Link 3" content="1" />
  38. <meta name="if:Show Link 4" content="1" />
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43.  
  44. <link rel="shortcut icon" href="{Favicon}" />
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  46. <style type="text/css">
  47.  
  48. ::-moz-selection {background-color:{color:selectionbg};
  49. color:{color:selection};}
  50.  
  51. ::selection {background-color:{color:selectionbg};
  52. color:{color:selection};}
  53.  
  54. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:scrollbg}}
  55. ::-webkit-scrollbar-corner {padding:2px;background:{color:scrollbg}}
  56. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  57. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 5px; display: block; background:{color:scrollbar}}
  58. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  59. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg};}
  60. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  61.  
  62.  
  63. body{ color:{color:text}; font-family: cambria; font-size:10px; background-color:{color:background}; background-position: center; background-attachment:fixed; line-height:11px; text-align:justify; font-weight: normal;}
  64.  
  65. a:link, a:active, a:visited{
  66. color: {color:link};
  67. text-decoration:none;
  68. -webkit-transition-duration: .90s;
  69. padding: 1px;}
  70. a:hover{
  71. color:{color:linkhovercolor};
  72. -webkit-transition-duration: .90s;}
  73.  
  74.  
  75. .entries{ font-family: cambria; padding:15px; width:520px; margin-left:450px; margin-top:35px; font-style: italic; font-weight: normal; line-height:11px; }
  76.  
  77. .post{ width:500px; padding:10px; padding-bottom: 15px; border: 1px solid #f8f8f8; margin-top:0px; margin-bottom:5px; font-style: italic; font-weight: normal; line-height:11px; background-color:{color:background};margin-top: 15px;font-family: cambria;}
  78.  
  79. #title {margin-top: 3px; margin-left:14px; width: 150px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 8px; }
  80.  
  81.  
  82. #sidebarpic img { margin-top:200px; max-width:200px;
  83. height:auto; border: 3px double {color:imgsidebar border};padding: 5px; text-align:center;margin-left: 5px; }
  84.  
  85.  
  86. #pagination {font-size:10px; text-align: center; font-family:{font:Body}; text-align:center; padding:4px; width:180px;margin-top:50px; }
  87. #pagination a{color:{color:Link}}
  88.  
  89.  
  90.  
  91. h1{ color:{color:title}; font-family:cambria; font-size:11px; line-height:12px; letter-spacing:0px; font-weight:bold; text-transform:lowercase; margin:0px; padding:10px; text-align:left; font-style: italic;}
  92.  
  93. h2{ color:{color:title}; background-color: #fcfcfc; border-bottom: 1px solid #f5f5f5; font-family:calibri; font-size:8px; line-height:12px; letter-spacing:1px; font-weight:normal; text-transform:uppercase; margin:0px; padding:25px; text-align:center; font-style: normal;}
  94.  
  95.  
  96.  
  97. #sbar { width:180px; position:fixed; margin-left:150px; margin-top:200px; }
  98.  
  99. #sbarimage img{width: 155px; height: 155px; padding: 10px; border: 1px solid {color:imgsidebar border};}
  100.  
  101. #sbar:hover { opacity:0.8;
  102. -webkit-transition: all 0.6s ease-in-out;
  103. -moz-transition: all 0.6s ease-in-out;
  104. -o-transition: all 0.6s ease-in-out;}
  105.  
  106. #sbar:hover .nav { opacity:0.9; margin-left:-60px; text-align:center; padding-bottom:5px; transition-duration: 0.7s;
  107. -moz-transition-duration: 0.7s;
  108. -webkit-transition-duration: 0.7s;
  109. -o-transition-duration: 0.7s; }
  110.  
  111. #sbar:hover #description { opacity:9; transition-duration: 0.7s;
  112. -moz-transition-duration: 0.7s;
  113. -webkit-transition-duration: 0.7s;
  114. -o-transition-duration: 0.7s; }
  115.  
  116. #sbar:hover #pagination { opacity:9; transition-duration: 0.7s;
  117. -moz-transition-duration: 0.7s;
  118. -webkit-transition-duration: 0.7s;
  119. -o-transition-duration: 0.7s;}
  120.  
  121. .nav { z-index:9999; ont-family:cambria; font-style:italic; font-size:10px; margin-top:-170px; position: absolute; text-align:center; color:black; opacity:0; transition-duration: 0.7s;
  122. -moz-transition-duration: 0.7s;
  123. -webkit-transition-duration: 0.7s;
  124. -o-transition-duration: 0.7s;}
  125.  
  126. .nav a { padding-bottom:5px; transition-duration: 0.6s;
  127. -moz-transition-duration: 0.6s;
  128. -webkit-transition-duration: 0.6s;
  129. -o-transition-duration: 0.6s; }
  130.  
  131. .nav a:hover { border-bottom: 1px solid {color:border}; transition-duration: 0.6s;
  132. -moz-transition-duration: 0.6s;
  133. -webkit-transition-duration: 0.6s;
  134. -o-transition-duration: 0.6s; }
  135.  
  136.  
  137. #info { text-align:left; font-family:cambria; font-size: 10px; font-style: italic; margin-top:10px;border-top: 1px dashed #eee; padding:3px; text-transform:lowercase;}
  138.  
  139. .tags{ color: {color:tags}; background-color: #fff; border-top: 1px dashed #eee; width:490px; margin-top: 0px; font-family:cambria; font-size: 8.5px; letter-spacing: 1px; font-style: normal; text-align:left; line-height:10px; padding:4px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; text-transform:uppercase;}
  140.  
  141. .tags a:hover{ color: {color:linkhovercolor} padding: 1px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  142.  
  143.  
  144. .questions{ color: #747474; font-family: cambria; font-size:9.5px; background-color: #fcfcfc; padding:25px; margin-bottom:0px; text-align:left; letter-spacing: 0px;}
  145.  
  146. .questions a:hover{ color:{color:linkhovercolor};text-decoration: underline;;}
  147.  
  148. .answer{ color:#747474; font-family:cambria; font-size:10px; font-style: none; background-color:{color:background}; padding:5px; margin-bottom:0px; text-align:left; line-height: 12px;}
  149.  
  150.  
  151. blockquote{ color: {color:blockquote text}; background-color: #fcfcfc; border: 1px solid #f8f8f8; font-family: cambria; font-size: 10px; font-style: italic; margin-left:20px; margin:5px; padding:5px; max-width: 490px; border-radius: 5px;} blockquote img, blockquote a img {max-width: 490px;}
  152.  
  153. p{margin-top:3px; margin-bottom:3px}
  154.  
  155.  
  156.  
  157. .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}
  158.  
  159.  
  160.  
  161. .user_1 .label {color:{color:text}; font-weight:bold;}
  162. .user_2 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  163. .user_3 .label {color:{color:text}; font-weight:bold;}
  164. .user_4 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  165. .user_5 .label {color:{color:text}; font-weight:bold;}
  166. .user_6 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  167. .ul.chat {}
  168. .chat ol {}
  169. .chat li {list-style:none; margin-left:-40px; padding:4px; font-family: cambria; font-style: none; font-size: 9.5px;}
  170.  
  171.  
  172.  
  173. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border: solid 0px #fcfcfc; font-family:calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 0px; text-align: left; font-style: normal;}
  174.  
  175. ol.notes li.note {border-top: solid 0px #f8f8f8; padding: 10px;}
  176.  
  177. ol.notes li.note img.avatar {vertical-align: -4px; margin-right: 10px; width: 24px; height: 24px; border-radius: 0px; border: 3px double #eeeeee; opacity: 0.6;}
  178.  
  179. ol.notes li.note span.action {font-style: normal;}
  180.  
  181. ol.notes li.note .answer_content {font-weight: normal;}
  182.  
  183. ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  184.  
  185. ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
  186.  
  187.  
  188.  
  189. .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; }
  190. .credit a{color:{color:link}; opacity:0.8;}
  191. .credit a:hover{color:{color:linkhovercolor}; opacity:1.0;}
  192. </style>
  193. </head>
  194.  
  195. <body onkeydown="return false">
  196.  
  197.  
  198.  
  199. <div id="sbar">
  200.  
  201.  
  202.  
  203. <div id="sbarimage"><img src="{image:Sidebar}"></div>
  204.  
  205.  
  206.  
  207.  
  208. <div id="title">{Title}</div>
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215. <div class="nav">
  216. <a href="/">Refresh</a><br><br>
  217. <a href="/ask">message</a><br><br>
  218. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}&nbsp;<br><br>
  219. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}&nbsp;<br><br>
  220. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}<br><br>
  221. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} </div>
  222.  
  223.  
  224.  
  225.  
  226. <div style="margin-top: 3px; margin-left:14px; width: 140px; text-align: center; font-style: italic;">{Description}
  227.  
  228. <br>
  229. <br>
  230. <br>
  231. <center> {block:Pagination}
  232. {block:PreviousPage}<a style="font-size:11px;" class="current_page" href="{PreviousPage}">&lsaquo;</a>{/block:PreviousPage}
  233. {CurrentPage} of {TotalPages}
  234. {block:NextPage}<a style="font-size:11px;" class="jump_page" href="{NextPage}">&rsaquo;</a>{/block:NextPage}
  235. {/block:Pagination} </center></div>
  236. </div>
  237.  
  238. <div class="entries">{block:Posts}<div class="post">
  239.  
  240. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  241.  
  242. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  243.  
  244. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  245.  
  246. {block:Quote}<h2>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</h2>
  247.  
  248. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  249.  
  250. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  251.  
  252. {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
  253. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  254. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  255.  
  256. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  257.  
  258. {block:Answer}<div class="questions"><b>{Asker}:</b> "{Question}"</div>
  259. <div class="answer">{Answer}</div>{/block:answer}
  260.  
  261. <div id="info">
  262. {block:Date}posted {TimeAgo}
  263. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  264. {block:RebloggedFrom} , <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
  265. {block:ContentSource}, <a href="{SourceURL}"> source</a>
  266. {/block:ContentSource} - <a href="{ReblogURL}" target="_blank">reblog</a>
  267. <br>
  268. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Date} </div>
  269. </div>
  270. {/block:Posts}
  271. {block:Posts}{PostNotes}{/block:Posts}
  272. <div class="credit"><a href="http://icatchingfire.tumblr.com/">Credit</a></div>
  273. </body>
  274. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement