API tools faq
paste
Advertisement
Dancebeforethedawn

Diana - theme 54

Dancebeforethedawn
Oct 8th, 2013
5,128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.64 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 54
  3. - Diana 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:Nav" content="#e8e8e8"/>
  21. <meta name="color:lines" content="#b8b8b8"/>
  22. <meta name="color:link" content="#b8b8b8"/>
  23. <meta name="color:Border" content="#e8e8e8"/>
  24. <meta name="color:Scrollbar" content="#eee9ea"/>
  25. <meta name="color:sidebar" content="889499" />
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="image:Background" content=""/>
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 1 Text" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 2 Text" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 Text" content="" />
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  37.  
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  43. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  44. ::-webkit-scrollbar-track{background-color:{color:background};}
  45.  
  46.  
  47. body { background:{color:background}; background-attachment:fixed; background-image: url('{image:Background}'); background-repeat:no-repeat; background-position:right top;margin:0px; color:{color:text}; font-family:Calibri; font-size:10px; line-height:100%;}
  48.  
  49. a { text-decoration:none; outline:none;
  50. -moz-outline-style:none; color:{color:link};
  51. -webkit-transition: opacity 0.5s linear;
  52. -webkit-transition: all 0.5s ease-in-out;
  53. -moz-transition: all 0.5s ease-in-out;
  54. -o-transition: all 0.5s ease-in-out;}
  55.  
  56. a:hover { color:{color:link};
  57. -webkit-transition: opacity 0.5s linear;
  58. -webkit-transition: all 0.5s ease-in-out;
  59. -moz-transition: all 0.5s ease-in-out;
  60. -o-transition: all 0.5s ease-in-out;}
  61.  
  62. img { border:none;}
  63.  
  64.  
  65. 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;}
  66.  
  67. 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;}
  68.  
  69. #entries{ font-family: cambria; padding:35px; width:520px; margin-left:295px; margin-top:-10px; font-weight: normal; font-style: italic; line-height:11px; border-left: 1px solid {color:lines}; border-right: 1px solid {color:lines}; }
  70.  
  71. #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; }
  72.  
  73. .pagi { margin-top:5px; font-size:8px; font-family:calibri; text-transform:uppercase; text-align:center; letter-spacing:7px; }
  74.  
  75. #title {color:{color:tittle}; font-family: 'Amatic SC', cursive; letter-spacing:0px; position: text-align:center; font-size:20px; margin-top:-60px; margin-left:0px; padding:2px; width:180px; z-index:100; text-transform:lowercase;}
  76.  
  77.  
  78. #sidebars { background-color:white; list-style: none; display: block; position:fixed;
  79. text-align: center; z-index:0; margin-top:200px; margin-left:50px; width:180px; padding: 03px; border: 1px solid {color:border}; background-color:none;}
  80.  
  81. #sidebars:after, #ch-item:before { content: ''; display: table;}
  82.  
  83. #sidebars:after { clear: both;}
  84.  
  85. #sidebars li { width: 180px; height: 180px; display: inline-block; margin: 0px;}
  86.  
  87. .sidebars-item { width: 100%; height: 100%; border-radius: %; position: relative; cursor: default;}
  88.  
  89. .wrap,
  90. .info{ position: absolute; width: 180px; height: 180px;
  91. border-radius: 0%;
  92. -webkit-transition: all 0.4s ease-in-out;
  93. -moz-transition: all 0.4s ease-in-out;
  94. -o-transition: all 0.4s ease-in-out;
  95. -ms-transition: all 0.4s ease-in-out;
  96. transition: all 0.4s ease-in-out;
  97. -webkit-perspective: 800px;
  98. -moz-perspective: 800px;
  99. -o-perspective: 800px;
  100. -ms-perspective: 800px;
  101. perspective: 800px;}
  102.  
  103. .wrap { width:180px; background-color:white;}
  104.  
  105. .info {
  106. -webkit-transform-style: preserve-3d;
  107. -moz-transform-style: preserve-3d;
  108. -o-transform-style: preserve-3d;
  109. -ms-transform-style: preserve-3d;
  110. transform-style: preserve-3d;}
  111.  
  112. .info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 0%; background-position: center center;
  113. -webkit-transition: all 0.6s ease-in-out;
  114. -moz-transition: all 0.6s ease-in-out;
  115. -o-transition: all 0.6s ease-in-out;
  116. -ms-transition: all 0.6s ease-in-out;
  117. transition: all 0.6s ease-in-out;}
  118.  
  119. .info .info-front {
  120. -webkit-transform-origin: 50% 100%;
  121. -moz-transform-origin: 50% 100%;
  122. -o-transform-origin: 50% 100%;
  123. -ms-transform-origin: 50% 100%;
  124. transform-origin: 50% 100%;
  125. z-index: 100;}
  126.  
  127. .info .info-back {
  128. background: rgba(230,132,107,0);}
  129.  
  130. .image {
  131. background-image: url('{image:sidebar}');}
  132.  
  133. .info h3 { width:auto; color:{color:link}; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; margin: 0px; padding: 30px 0px 2px 0px; height: auto; font-family:georgia; font-style:italic; text-shadow: 0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3); border-bottom:1px solid; border-color:{color:border};}
  134.  
  135. .info p { color:{color:text}; padding: 1px; font-style: italic; margin: 0 30px; font-size: 9px; border-top: 1px solid rgba(255,255,255,0.5);}
  136.  
  137. .info p a { color:{color:text}; font-style:normal; text-transform:Capitalize; font-size:9px; letter-spacing:1px; padding-top:5px; font-family:tahoma;}
  138.  
  139. .info p a:hover { color:{color:text}; border-bottom:1px solid #fff}
  140.  
  141. .sidebars-item:hover .info-front {
  142. -webkit-transform: rotate3d(1,0,0,-180deg);
  143. -moz-transform: rotate3d(1,0,0,-180deg);
  144. -o-transform: rotate3d(1,0,0,-180deg);
  145. -ms-transform: rotate3d(1,0,0,-180deg);
  146. transform: rotate3d(1,0,0,-180deg);
  147. box-shadow: inset 0 0 5px rgba(255,255,255,0.2),inset 0 0 3px rgba(0,0,0,0.3);}
  148.  
  149. .sidebars-item:hover .info-back {
  150. background-color:{color:background};}
  151.  
  152. .links {margin-bottom:7px; width:170px; margin-left:-5px; margin-top:30px; padding:5px; text-transform:uppercase; font-family: trebuchet ms;}
  153.  
  154. .links a { font-size:9px; margin-right:5px; border-bottom: 2px solid white; color:; opacity:0.7; }
  155.  
  156. .links a:hover { border-bottom:2px solid {color:nav}; opacity:1; color:{color:link};}
  157.  
  158. #description { display: block; font-style:italic; margin-top:50px; margin-left:5px; width:160px; font-size:10px;text-align:left; padding:5px;color: {color:text};}
  159. #description:first-letter { width:15px; height:10px; padding:5px; margin-bottom:0px; margin-right:5px; float:left; background-color:{color:border}; font-family:"meow"; font-size:21px; font-style:normal;line-height:10px; text-transform:uppercase; text-align:center; font-weight:bold;color:{color:letter};}
  160.  
  161. #info { width:500px; text-align:left; font-family:'trebuchet ms'; margin-top:3px; margin-left:px; letter-spacing:1px; font-size:7px; font-styl :none; padding:1px; line-height:10px; text-transform:uppercase; border-top:1px solid #f2f2f2; }
  162.  
  163. #info a { text-align:center; color:{color:link}; }
  164.  
  165. #info a:hover { -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:#454545 }
  166.  
  167. #tags { float:left; width:489px; margin-top:-7px; margin-left:-5px; text-align:left; font-size:7px; padding:5px; font-size:8px; opacity:1;
  168. transition-duration: 0.5s;
  169. -moz-transition-duration: 0.5s;
  170. -webkit-transition-duration: 0.5s;
  171. -o-transition-duration: 0.5s
  172. color:{color:link}; }
  173.  
  174. #tags a { letter-spacing:0px; font-size:8px; text-align:center; font-family:'CALIBRI'; text-decoration:none; display:inline-block; color:{color:link}; }
  175.  
  176. #tags a:hover { background-color:#fff; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:#454545; }
  177.  
  178. .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}
  179.  
  180. #s { padding: 5px; margin: 10px 0; border-left: 1px solid #f2f2f2; background-color:{color:question bg};}
  181.  
  182. #quote { width: 450px!Important; font-family: calibri; font-size: 16px; font-style: italic; text-transform: none; line-height:16px;}
  183.  
  184. #question { padding:10px; background-color:#f9f9f9; font-family:trebuchet ms; font-size:9px; position: relative;}
  185.  
  186. #question:after, #demo:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0;}
  187.  
  188. #question:after { border-width: 9px; border-left-color:#F7F7F7; top: 7px;}
  189.  
  190. #question:before { border-width: 14px; border-left-color:#F7F7F7; top: 10px;}
  191.  
  192. .credit { font-family: 'Rock Salt', cursive; -webkit-transform: rotate(-30deg); font-size:15px; font-style:normal;text-transform:uppercase; text-align:center; font-weight:bold; position:fixed; bottom:25px; right:15px; }
  193. .credit a{color:{color:nav}; opacity:0.8;}
  194. .credit a:hover{color:{color:link}; opacity:1.0;}
  195.  
  196. ol {
  197. list-style-type: none;
  198. margin: 0; }
  199.  
  200. ol.notes li { width: 500px; padding: 10px;
  201. margin: 0 0 10px -35px; border-bottom: 1px solid {color:box}; }
  202.  
  203. ol.notes li:hover { border-bottom: 1px solid {color:box}; }
  204.  
  205. ol.notes li img { width:16px; padding-right: 10px; margin-bottom: -5px; opacity: 0.85;
  206. filter:alpha(opacity=85); }
  207.  
  208. ol.notes li img:hover {
  209. opacity: 1;
  210. filter:alpha(opacity=100); }
  211. {CustomCSS}</style></head>
  212.  
  213. <body>
  214.  
  215.  
  216. <div id="sidebars">
  217. <li>
  218. <div class="sidebars-item image">
  219. <div class="wrap">
  220. <div class="info">
  221. <div class="info-front image"></div>
  222. <div class="info-back"><br><br><br><br>
  223.  
  224. <div id="title">{Title}</div></div>
  225. <div class="links">
  226. <a href="/">HOME</a>
  227. <a href="/ask">ASK</a>
  228. {block:IfLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfLink1}
  229. {block:IfLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfLink2}
  230. {block:IfLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfLink3}
  231. </div>
  232.  
  233.  
  234. <div id="description">
  235. {Description}
  236. <br>
  237. <br>
  238. <div class="pagi">
  239. {block:Pagination}
  240. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  241. {block:JumpPagination length="5"}
  242. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  243. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  244. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  245. {/block:Pagination}
  246. </div>
  247. </p>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </li>
  253. </div><br>
  254.  
  255. <div id="entries">{block:Posts}<p>
  256. <div id="post">
  257. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  258.  
  259. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  260.  
  261. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  262.  
  263. {block:Quote}<div id="quote">{Quote}</div><div id="s">{block:Source} —{Source}</div>{/block:Source}{/block:Quote}
  264.  
  265. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  266.  
  267. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  268.  
  269. {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
  270. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  271. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  272.  
  273. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  274.  
  275. {block:Answer}
  276. <img align="right" src="{AskerPortraitURL-30}"> <div id="question" style="width:437px;"><div style="color:#fff;background-color:#ececec;padding:2px;">{Asker}:</div>{Question}</div>
  277. {Answer}
  278. {/block:Answer}
  279.  
  280. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  281.  
  282. <div id="info">
  283. posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a>
  284. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  285. {/block:Posts}
  286. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  287. {/block:Posts}</div></div></div>
  288.  
  289. <div class="credit"><a href="http://icatchingfire.tumblr.com/">ICF </a></div>
  290.  
  291.  
  292. </body>
  293.  
  294.  
  295. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!