API tools faq
paste
Advertisement
Mariaforeverhermione

Theme 12 - Captain America Version

Mariaforeverhermione
Feb 23rd, 2015
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- THEME #12 by pottedark.tumblr.com@
  9.  
  10. --->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#b09b96"/>
  14. <meta name="color:Description" content="#928e90"/>
  15. <meta name="color:Title" content="#b9bcbe"/>
  16. <meta name="color:Link" content="#992727"/>
  17. <meta name="color:Scrollbar" content="#213f52" />
  18. <meta name="color:Text Hover" content="#aacee5"/>
  19. <meta name="color:link hover" content="#80b07a" />
  20. <meta name="color:side links color" content="#213f52" />
  21. <meta name="text:link 1" content="link" />
  22. <meta name="text:link 1 url" content="/" />
  23. <meta name="text:link 2" content="link" />
  24. <meta name="text:link 2 url" content="/" />
  25. <meta name="text:link 3" content="link" />
  26. <meta name="text:link 3 url" content="/" />
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
  29. <style type="text/css">
  30.  
  31. ::-webkit-scrollbar {height: auto;width: 7px;}
  32. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  33. ::-webkit-scrollbar-track{background-color:{color:background};}
  34.  
  35. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  36.  
  37.  
  38.  
  39. ::selection {
  40. background:{color:text hover};
  41. }
  42.  
  43. ::-moz-selection {
  44. background:{color:text hover};
  45. }
  46.  
  47. ::-webkit-selection {
  48. background:{color:text hover};
  49. }
  50.  
  51.  
  52.  
  53. body {
  54. background:{color:background};
  55. margin:0px;
  56. color:{color:text};
  57. font-family:cambria;
  58. font-size:10px;
  59. line-height:100%;
  60. }
  61.  
  62. a {
  63. text-decoration:none;
  64. outline:none;
  65. -moz-outline-style:none;
  66. color:{color:link};
  67. }
  68.  
  69. a:hover {color:{color:link hover};
  70. -webkit-transition: all 0.8s ease-out;
  71. -moz-transition: all 0.8s ease-out;
  72. transition: all 0.8s ease-out;
  73. }
  74.  
  75. img {
  76. border:none;
  77. }
  78.  
  79. blockquote {
  80. padding-left:5px;
  81. border-left:2px solid;
  82. }
  83.  
  84. blockquote blockquote {
  85. padding-left:5px;
  86. border-left:2px solid;
  87. }
  88.  
  89. h1 {
  90. font-size:15px;
  91. }
  92.  
  93.  
  94. #entries {
  95. padding:10px;
  96. width:500px;
  97. margin-left:500px;
  98. margin-top:40px;
  99. }
  100.  
  101. #post {
  102. width:500px;
  103. padding-bottom:20px;
  104. }
  105.  
  106. .
  107.  
  108.  
  109.  
  110. #sidebarimage {
  111. width 230px;
  112. }
  113.  
  114.  
  115. #title{color:{color:title}; font-family: 'Over the Rainbow'; font-size:15px; letter-spacing:0px; text-align:center; margin-top:40px; margin-bottom:-1px; width:2o0px;}
  116.  
  117.  
  118.  
  119. #info {
  120. text-align:center;
  121. margin-top:10px;
  122. }
  123.  
  124. #asker {
  125. float:left;
  126. margin-right:5px;
  127. }
  128.  
  129. /********** MENU WINDOW / POR: NERDESIGN.TUMBLR.COM **********/
  130. #box {width: 200px; padding: 5px; background: {color:sidebg}; position: fixed; margin-left:200px;
  131. margin-top:130px;}
  132.  
  133. .frase {text-align: center; color:{color:title}; padding: 10px 5px 10px 5px; font-size: 14px; font-family: 'Shadows Into Light', cursive; }
  134.  
  135. #menu {background: none; width: 75px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; font-family: 'calibri', cursive; position: center; margin-left:63px;
  136. margin-top:10px
  137.  
  138. }
  139. .bot {background: #213f52; padding: 5px; text-align: center; text-transform: uppercase; color: #ffffff; margin-bottom: 5px; font-size: 10px; -webkit-transition-duration: .5s; moz-transition-duration: .5s; -o-transition-duration: .5s; float: center;}
  140. .bot:hover {background: #ffffff; color: {color:side links hover}; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg);}
  141.  
  142. .bot2 {background: #ffffff; padding: 5px; text-align: center; text-transform: uppercase; color: #213f52; margin-bottom: 5px; font-size: 10px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; float: center;}
  143. .bot2:hover {background: #213f52; color: #ffffff; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg);}
  144.  
  145. .description {
  146. color:{color:description};
  147. font-family:{font:sidebar};
  148. margin-left:5px;
  149. margin-top:5px;
  150. font-size:10px;
  151. }
  152. #pagination {
  153. font-size:11px;
  154. text-align:center;
  155. top: -10px; left: 100px
  156. }
  157. #back1 {overflow: hidden; width: 100px; position: absolute; top: 5px; left: 5px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; }
  158. .img1 {width: 200px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s;}
  159. #box:hover .img1{margin-left: -100px;}
  160. #box:hover #back1{width: 0px; left: 5px;}
  161.  
  162. #back2 {overflow: hidden; width: 100px; overflow: hidden; width: 100px; position: absolute; top: 5px; right: 5px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s;}
  163. .img2 {width: 200px; margin-left: -100px;}
  164. #box:hover #back2{width: 0px; right: 5px;}
  165. #h {position:fixed; right:0px; bottom:0px; font:10px cambria; letter-spacing:1px; text-transform:lowercase; color:{color:text}; padding:5px; outline:1px solid #fff; }
  166. body, a, a:hover { cursor:url(http://tinyurl.com/m97lf55), auto }
  167. {CustomCSS}</style></head><body>
  168.  
  169. <div id="box">
  170. <div id="menu"><br><br><br><br>
  171. <a href="LINK"><div class="bot2"><a href="/">HOME</a></div></a>
  172. <a href="LINK"><div class="bot"><a href="/">ASK</a></div></a>
  173. <a href="LINK"><div class="bot2"><a href="{text:link 1 url}">{text:link 1}</a></div></a>
  174. <a href="LINK"><div class="bot"><a href="{text:link 2 url}">{text:link 2}</a></div></a>
  175. <a href="LINK"><div class="bot2"><a href="{text:link 3 url}">{text:link 3}</a></div></a>
  176. <br>
  177. </div>
  178. <div id="title"><p><a href="/" alt="{Title}">{Title}</a></p></div>
  179. <div class="description">{description}</div><br>
  180. <div id="pagination">
  181. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  182. {block:NextPage} — <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  183. </div>
  184. <div id="back1"><img class="img1" <img src="https://vgboxart.com/resources/render/6578_captain-america-the-first-avenger-prev.png"/></div>
  185. <div id="back2"><img class="img2" <img src="https://vgboxart.com/resources/render/6578_captain-america-the-first-avenger-prev.png"/></div><br>
  186. </div></div>
  187.  
  188.  
  189. </div>
  190. <div id="h"><i><a href="http://potterdark.tumblr.com">potterdark</a></i></div>
  191. <div id="entries">{block:Posts}<div id="post">
  192.  
  193. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  194.  
  195. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  196.  
  197. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  198.  
  199. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  200.  
  201. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  202.  
  203. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  204.  
  205. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  206.  
  207. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  208.  
  209. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  210.  
  211. <div id="info">
  212. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  213. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  214. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  215.  
  216. </div>
  217. {block:PostNotes}{PostNotes}{/block:PostNotes}
  218. {/block:Posts}</div>
  219.  
  220. </body></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!