Advertisement
Dancebeforethedawn

Theme 47 -Wonderwall

Apr 7th, 2013
6,479
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.29 KB | None | 0 0
  1. <!--
  2. Theme 47
  3. - Wonderwall 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. </script>
  10.  
  11. <html>
  12. <head>
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:scrollbar" content="#dfdfdf" />
  16. <meta name="color:text" content="#BDB9AB" />
  17. <meta name="color:title" content="#9b9b9b" />
  18. <meta name="color:link" content="#9b9b9b" />
  19. <meta name="color:linkhovercolor" content="#575656" />
  20. <meta name="color:border" content="#E9DAC5">
  21. <meta name="color:info1" content="#E9DAC5">
  22. <meta name="color:info2" content="#E9DAC5">
  23. <meta name="color:selection" content="#cacaca"/>
  24.  
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Sidebar1" content=""/>
  28.  
  29. <meta name="image:Sidebar2" content=""/>
  30.  
  31.  
  32.  
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  35.  
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="" />
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="" />
  40. <meta name="text:Link3" content="/" />
  41. <meta name="text:Link3 Title" content="" />
  42. <meta name="text:Link4" content="/" />
  43. <meta name="text:Link4 Title" content="" />
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49.  
  50.  
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57.  
  58. @font-face {
  59. font-family: "Meow";
  60. src: url(http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");
  61. }
  62.  
  63.  
  64.  
  65.  
  66.  
  67. ::-moz-selection {background-color:{color:selectionbg};
  68. color:{color:selection};}
  69.  
  70. ::selection {background-color:{color:selectionbg};
  71. color:{color:selection};}
  72. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  73. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  74. ::-webkit-scrollbar-track{background-color:{color:background};}
  75.  
  76.  
  77. body{ color:{color:text}; font-family: cambria; font-size:10px; background-color:{color:background}; background-image: url('{image:Background}'); background-repeat:no-repeat; background-position: center; background-attachment:fixed; line-height:11px; text-align:justify; font-weight: normal;}
  78.  
  79. a:link, a:active, a:visited{
  80. color: {color:link};
  81. text-decoration:none;
  82. -webkit-transition-duration: .90s;
  83. padding: 1px;}
  84. a:hover{
  85. color:{color:linkhovercolor};
  86. -webkit-transition-duration: .90s;}
  87.  
  88.  
  89. .entries{ font-family: cambria; padding:35px; width:520px; margin-left:305px; margin-top:-5px; font-weight: normal; font-style: italic; line-height:11px; }
  90.  
  91. .post{ width:500px; padding:10px; padding-bottom: 15px;margin-top:0px; margin-bottom:5px; font-weight: normal; font-style: italic; line-height:11px; background-color:{color:background};margin-top: 15px;font-family: cambria;}
  92.  
  93. #title { width:170px; line-height:18px; height:18px; margin-left:0px; margin-top:180px; color:{color:text}; font-family: times new; padding: 1px; text-transform: uppercase; letter-spacing:1px; font-size: 7px; text-align:center;
  94.  
  95. }
  96.  
  97. #sidetitle {color:{color:title}; cursor:help; margin-top:-20px; width:200px; margin-left:-195px; font-size:18px; text-transform: lowercase; line-height:10px; text-align:center; font-family:"Meow"; border-bottom: 3px solid {color:border}; }
  98.  
  99. #pagination1 { position:fixed; font-size:18px; text-align:center; color:{color:link}; margin-top:40px; margin-left:15px; opacity:0.5; z-index:999;}
  100.  
  101. #pagination2 { position:fixed; font-size:18px; text-align:center; color:{color:link}; margin-top:40px; margin-left:-215px; opacity:0.5; z-index:999;}
  102.  
  103. 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;}
  104.  
  105. 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;}
  106.  
  107. .sidebarbbb {float: left; letter-spacing:0px; padding: 5px; margin-left:-200px; }
  108.  
  109. .sidebarbbb img {display: inline; height: auto; max-width:100px; text-align:center;-webkit-transition: all 2s ease-in-out;
  110. -moz-transition: all 2s ease-in-out;
  111. -o-transition: all 2s ease-in-out;}
  112.  
  113.  
  114. #sidebar:hover .sidebarbbb img{margin-top:0px; opacity:0;-webkit-transition: all 2s ease-in-out;
  115. -moz-transition: all 2s ease-in-out;
  116. -o-transition: all 2s ease-in-out;}
  117.  
  118. #sidebar { width:100px; height:100%;
  119. position:fixed; margin-left:250px; margin-top:250px;padding-right:40px;
  120. opacity:1;
  121. }
  122.  
  123.  
  124.  
  125. #border{ width:247px; float:left; position:relative;}
  126.  
  127.  
  128. #links {
  129. position: fixed; color:{color:Link}; text-align:center;font-family: calibri; text-transform: uppercase;font-size:8px; width:200px; padding-top: 5px; padding-bottom:10px; margin-top:0px; opacity:0;margin-left:-195px; padding-left:0px; letter-spacing:1px;-webkit-transition: all 2s ease-in-out;
  130. -moz-transition: all 2s ease-in-out;
  131. -o-transition: all 2s ease-in-out;}
  132.  
  133. #links a:hover{ text-decoration: underline; color:{color:linkhovercolor}; -webkit-transition-duration: .90s;}
  134.  
  135. #des {position:fixed; text-align:left; word-spacing:1px; font-family:calibri; font-size: 8px; margin-top:20px; margin-left:-195px; width:190px; line-height:120%; padding:5px; border:1px solid {color:Border}; text-transform: uppercase; -webkit-transition: all 2s ease-in-out;
  136. -moz-transition: all 2s ease-in-out;
  137. -o-transition: all 2s ease-in-out;
  138. opacity:0;}
  139.  
  140. #des:first-letter { width:17px; height:10px; padding:5px; margin-bottom:0px; margin-right:5px; float:left; color:{color:border}; font-family:"meow"; font-size:21px; font-style:normal; line-height:17px; text-transform:uppercase; text-align:right; font-weight:bold; opacity: 1;
  141. -webkit-transition: all 2s ease-in-out;
  142. -moz-transition: all 2s ease-in-out;
  143. -o-transition: all 2s ease-in-out;}
  144.  
  145. #des a:hover { color:{color:linkhovercolor};opacity:0;-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  146.  
  147. #sidebar:hover #des{opacity:1;-webkit-transition: all 2s ease-in-out;
  148. -moz-transition: all 2s ease-in-out;
  149. -o-transition: all 2s ease-in-out;}
  150.  
  151. #sidebar:hover #links{opacity:1;-webkit-transition: all 2s ease-in-out;
  152. -moz-transition: all 2s ease-in-out;
  153. -o-transition: all 2s ease-in-out;}
  154.  
  155.  
  156.  
  157. #info { text-align:center; font-family:cambria; font-size: 8px; margin-top:10px; padding:3px; text-transform:lowercase; letter-spacing:2px;}
  158.  
  159. .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;}
  160.  
  161. .tags a:hover{ color: {color:linkhovercolor} padding: 1px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  162.  
  163.  
  164. .questions{ color: #747474; font-family: cambria; font-size:9px; background-color: #fcfcfc; padding:25px; margin-bottom:0px; text-align:left; letter-spacing: 0px;}
  165.  
  166. .questions a:hover{ color:{color:linkhovercolor};text-decoration: underline;;}
  167.  
  168. .answer{ color:#747474; font-family:cambria; font-size:9px; font-style: none; background-color:{color:background}; padding:5px; margin-bottom:0px; text-align:left; line-height: 12px;}
  169.  
  170.  
  171. 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;}
  172.  
  173. p{margin-top:3px; margin-bottom:3px}
  174.  
  175.  
  176.  
  177. .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}
  178.  
  179.  
  180.  
  181. .user_1 .label {color:{color:text}; font-weight:bold;}
  182. .user_2 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  183. .user_3 .label {color:{color:text}; font-weight:bold;}
  184. .user_4 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  185. .user_5 .label {color:{color:text}; font-weight:bold;}
  186. .user_6 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  187. .ul.chat {}
  188. .chat ol {}
  189. .chat li {list-style:none; margin-left:-40px; padding:4px; font-family: cambria; font-style: none; font-size: 9.5px;}
  190.  
  191.  
  192.  
  193. 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;}
  194.  
  195. ol.notes li.note {border-top: solid 0px #f8f8f8; padding: 10px;}
  196.  
  197. 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;}
  198.  
  199. ol.notes li.note span.action {font-style: normal;}
  200.  
  201. ol.notes li.note .answer_content {font-weight: normal;}
  202.  
  203. ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  204.  
  205. ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
  206.  
  207.  
  208.  
  209. .credit {position:fixed; bottom:15px; right:15px; font: 11px "meow", Courier, monospace; color: #cccccc; border-bottom: 1px solid #f2f2f2; letter-spacing: 0px; padding: 0px; }
  210. .credit a{color:{color:link}; opacity:0.8;}
  211. .credit a:hover{color:{color:linkhovercolor}; opacity:1.0;}
  212.  
  213.  
  214. </style>
  215. </head>
  216.  
  217. <body>
  218.  
  219.  
  220.  
  221. <div id="sidebar">
  222.  
  223. {block:Pagination}<div id="pagination1"> {block:NextPage} <a href="{NextPage}">»</a> {/block:NextPage}</div>
  224.  
  225. <div id="pagination2"> {block:PreviousPage} <a href="{PreviousPage}">«</a><p> {/block:PreviousPage} </div>{/block:Pagination}
  226.  
  227. <div id="sidetitle">{Title}</div>
  228.  
  229. <div class="sidebarbbb"><center><img src="{image:Sidebar1}"/> <img src="{image:Sidebar2}"/><br><img src="{image:Sidebar3}"/> <img src="{image:Sidebar4}"/></center></div>
  230.  
  231. <div id="links">
  232. <a href="/">home</a>
  233.  
  234. <a href="/ask">ask</a>
  235.  
  236. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  237. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  238. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  239. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  240. </div>
  241.  
  242. <div id="des">{Description}
  243. </div>
  244.  
  245.  
  246.  
  247. </div></div></div>
  248.  
  249.  
  250.  
  251. <div class="entries">{block:Posts}<div class="post">
  252.  
  253. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  254.  
  255. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  256.  
  257. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  258.  
  259. {block:Quote}<h2>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</h2>
  260.  
  261. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  262.  
  263. {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}
  264.  
  265. {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
  266. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  267. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  268.  
  269. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  270.  
  271. {block:Answer}<div class="questions"><b>{Asker}:</b> "{Question}"</div>
  272. <div class="answer">{Answer}</div>{/block:answer}
  273.  
  274. <div id="info">
  275. <div id="border" style="border-top:2px solid {color:info1};"></div><div id="border" style="border-top:2px solid {color:info2};"></div>
  276. <br>
  277. {block:Date}posted {TimeAgo}
  278. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  279. {block:RebloggedFrom} , <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
  280. {block:ContentSource}, <a href="{SourceURL}"> source</a>
  281. {/block:ContentSource} - <a href="{ReblogURL}" target="_blank">reblog</a>
  282. <br>
  283. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Date} </div>
  284. </div>
  285. {/block:Posts}
  286. {block:Posts}{PostNotes}{/block:Posts}
  287. <div class="credit"><a href="http://icatchingfire.tumblr.com/">Credit ♥ </a></div>
  288. </body>
  289. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement