Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme004

By: NathBitencourt on Mar 8th, 2012  |  syntax: None  |  size: 12.17 KB  |  hits: 83  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <meta name="text:title1" content="I'll kill them all">
  4. <meta name="text:title2" content="Every last one of them">
  5. <meta name="text:description phrase" content="Game Of Thrones">
  6. <meta name="text:link00" content="/">
  7. <meta name="text:link title00" content="Home">
  8. <meta name="text:link01" content="/ask">
  9. <meta name="text:link title01" content="Ask">
  10. <meta name="text:link3" content="">
  11. <meta name="text:link title3" content="">
  12.  
  13. <meta name="text:link4" content="">
  14. <meta name="text:link title4" content="">
  15. <meta name="text:link5" content="">
  16. <meta name="text:link title5" content="">
  17.  
  18. <meta name="color:background" content="#E8E8E8">
  19. <meta name="color:entry" content="#fff">
  20. <meta name="color:entry color" content="#696969">
  21.  
  22. <meta name="color:posted back" content="#F3F3F3">
  23. <meta name="color:posted color" content="#000">
  24.  
  25. <meta name="color:background notes" content="#fff">
  26. <meta name="color:notes border" content="#4CBCE9">
  27. <meta name="color:notes color" content="#4CBCE9">
  28.  
  29. <meta name="color:back selection" content="#000">
  30. <meta name="color:selection color" content="#fff">
  31.  
  32.  
  33. <meta name="color:b" content="#696969">
  34. <meta name="color:i" content="#5F9EA0">
  35. <meta name="color:u" content="#20B2AA">
  36. <meta name="color:s" content="#548B54">
  37.  
  38. <meta name="color:a" content="#199191">
  39. <meta name="color:a hover" content="#196B91">
  40.  
  41. <meta name="color:border" content="#F3F3F3">
  42. <meta name="color:background pag" content="#EBEBEB">
  43.  
  44. <meta name="color:side" content="#fff">
  45. <meta name="color:side color" content="#696969">
  46.  
  47. <meta name="color:navegation" content="#000">
  48. <meta name="color:navegation color" content="#fff">
  49.  
  50. <meta name="color:navegation hover" content="#DBDBDB">
  51.  
  52. <meta name="color:scroll" content="#757575">
  53.  
  54. <meta name="image:background" content="">
  55. <meta name="image:photo1" content="http://28.media.tumblr.com/tumblr_lyldcuHfXg1qanzdko8_r1_250.gif">
  56. <meta name="image:photo2" content="http://27.media.tumblr.com/tumblr_ltbxkyO0gb1qkdq48o1_500.png">
  57.  
  58.  
  59.  
  60.  
  61. <head>
  62. <link href='http://fonts.googleapis.com/css?family=Dancing+Script'
  63.  
  64. rel='stylesheet' type='text/css'>
  65.  
  66.  
  67.  
  68.  
  69. <title>{title}</title>
  70. <link rel="shortcut icon" href="{PortraitURL-16}">
  71.  
  72.  
  73. <style>
  74. body {background: {color:background} url('{image:background}')repeat-x fixed}
  75.  
  76. #post {width: 550px; margin-top:50px; margin-left: 420px; }
  77. .box{ background: {color:entry}; color:{color:entry color} ; margin-top: 10px; padding: 8px}
  78.  
  79. a:link, a:active, a:visited { color: {color:a}; text-decoration: none}
  80.  
  81. a:hover { color: {color:a hover}; text-decoration: none }
  82.  
  83. blockquote {border-left: #000 2px solid; padding-left: 5px}
  84.  
  85.  
  86. /***FRASE MUDA QUANDO PASSA O MOUSE ***/
  87. #frase {width: 401px; position:fixed; margin-left: 10px; margin-top: 30px;background:{color:side}; color:{color:side
  88.  
  89. color}; font-style:italic;
  90. -webkit-transition: all 0.4s ease-out;
  91. -moz-transition: all 0.4s ease-out;
  92. transition: all 0.4s ease-out;
  93. border-radius: 10px 10px 0px 0px;
  94. -moz-border-radius: 10px 10px 0px 0px;
  95. -webkit-border-radius: 10px 10px 0px 0px;
  96. float:left;
  97. z-index:10; font-family: Times new roman; text-align: center; letter-spacing: 0.75ex}
  98.  
  99. #frase:hover {background:transparent; color: transparent}
  100.  
  101. .frase {width: 401px; position:fixed; margin-left: 0px; margin-top: 0px; color:transparent; -webkit-transition: all 0.4s
  102.  
  103. ease-out; font-style:italic;
  104. -moz-transition: all 0.4s ease-out;
  105. transition: all 0.4s ease-out;
  106. border-radius: 10px 10px 0px 0px;
  107. -moz-border-radius: 10px 10px 0px 0px;
  108. -webkit-border-radius: 10px 10px 0px 0px;
  109. font-family: Times new roman; text-align: center; float:left;letter-spacing: 0.75ex}
  110.  
  111. .frase:hover {color:{color:side color}; background: {color:side}}
  112.  
  113. /***SIDEBAR***/
  114. #side {background: {color:side};color:{color:side color}; position:fixed; margin-top: 50px; margin-left: 10px; width:
  115.  
  116. 391px; padding: 5px}
  117.  
  118.  
  119.  
  120. /***SIDEBAR DESCRIÇÃO***/
  121. .sidebardescrip {margin: 5px; padding: 5px; font-size: 12px; color:{color:side color}; height: 100px; border: 1px
  122.  
  123. {color:border} solid; overflow: auto; width: 200px; background: {color:side}; float:left; text-align: justify}
  124.  
  125. #ffrase {background-color: trasparent;letter-spacing: 1px;color: transparent; width: 210px; z-index: 5; position:fixed;
  126.  
  127. height: 50px; margin: 5px;float:left; font-family: trajan-regular; text-align: center; fon-size: 200px; padding-top: 40px;
  128.  
  129. -webkit-transition: all 0.5s ease-out;
  130. -moz-transition: all 0.5s ease-out;  
  131. filter:alpha(opacity=0.1)
  132. -moz-opacity:0.1;
  133. opacity:0.1}
  134.  
  135. #ffrase:hover {background: #000; height: 70px; color: #fff; filter:alpha(opacity=0.75)
  136. -moz-opacity:0.60;
  137. opacity:0.60}
  138.  
  139. /***tags***/
  140. .box2 {margin-top: 0px; text-align: justify; padding: 6px; color: {color:entry color}}
  141.  
  142. .box2:hover #tags {opacity:1; display: block; border-left: 5px solid {color:notes border}; border-right: 5px solid
  143.  
  144. {color:notes border}; border-top: 1px solid {color:notes border}; border-bottom: 1px solid {color:notes border};}
  145.  
  146. #tags{opacity:0; height:auto; width:100px; margin-left: 550px; float:left; position: absolute;  margin-top:20px ;  
  147.  
  148. padding-left: 3px; font-size: 12px; color:{color:text}; text-transform: lowercase; background: {color:background notes};
  149.  
  150. padding: 2px; text-align:center; border-top: 1px solid {color:notes border}; border-bottom: 1px solid {color:notes border};
  151.  
  152. font-size: 10px;
  153. transition: all 0.5s ease-out;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;
  156. border-radius: 0px 0px 10px 10px;
  157. -moz-border-radius: 0px 0px 10px 10px;
  158. -webkit-border-radius: 0px 0px 10px 10px;}
  159.  
  160. #tags img {background:#000; padding: 3px}
  161.  
  162. .list {color: {color:notes color}; border-bottom: solid 1px {color:notes border}; margin-bottom: 0px }
  163.  
  164.  
  165. /***SIDEBAR IMAGEM***/
  166. #sideimage {background: {color:border}; width: 155px; float: right; height:250px; margin-right:5px; margin-top: 5px;
  167.  
  168. padding:3px;z-index: 10;
  169. transition:all 2s ease-out;
  170. -moz-transition:all 2s ease-out;
  171. -webkit-transition:all 2s ease-out; }
  172.  
  173. #imagemh {margin-top: -255px;
  174. -webkit-transition: all 0.5s ease-out;
  175. -moz-transition: all 0.5s ease-out;}
  176.  
  177. #imagemh img {width: 155px;height: 250px;}
  178.  
  179. #imagemh:hover {opacity: 0;}
  180.  
  181. #imagemhh {margin-top: 0px;margin-bottom: 5px;}
  182.  
  183. #imagemhh img{width: 155px;height: 250px;}
  184.  
  185. .pagina {width: 155px; float: right; margin-right:-161px; margin-top: 265px; padding:3px; background: {color:background
  186.  
  187. pag}; text-align: center}
  188.  
  189. #navegation {background: transparent; width: 200px; margin-top: 125px; margin-left: 10px}
  190.  
  191. .nav {background: {color:navegation}; color: {color:navegation color}; width: 190px; padding: 3px; text-align:center;
  192.  
  193. margin-bottom: 5px;
  194. transition: all 0.5s ease-in;
  195. -webkit-transition: all 0.5s ease-in;
  196. -moz-transition: all 0.5s ease-in;}
  197.  
  198. .nav a{color: {color:navegation color}}
  199.  
  200. .nav:hover {background: {color:navegation hover}; color: {color:navegation color hover};  padding: 3px; text-align:center}
  201.  
  202.  
  203. ::-webkit-scrollbar-thumb:vertical
  204. {background-color: {color:scroll};
  205. height: 25px;}
  206.  
  207. ::-webkit-scrollbar-thumb:horizontal
  208.  
  209. {background-color: {color:scroll};
  210. height: 10px;}
  211.  
  212. ::-webkit-scrollbar
  213. {height: 5px; width: 8px;background-color: #E8E8E8;}
  214.  
  215. #notes {background: {color:entry}; padding: 5px}
  216. .notes {background: {color:posted back}; color: {color:posted color}; padding: 1px; letter-spacing: 1px; font-size: 10px;  
  217.  
  218. }
  219.  
  220. b, strong {color: {color:b}; text-decoration:none}
  221. i {color: {color:i}; text-decoration:none}
  222. u {color: {color:u}; text-decoration: none; border-bottom: 1px dotted {color:u};}
  223. s {color: {color:s}; text-decoration: line-trought;}
  224.  
  225. ::-moz-selection{
  226. background:{color:back selection};
  227. color:{color:selection color};
  228. }
  229. ::selection {
  230. background:{color:back selection};
  231. color:{color:selection color};
  232. }
  233.  
  234. #credit {background: {color:side};color:{color:side color}; position:fixed; margin-top: 365px; margin-left: 10px; width:
  235.  
  236. 391px; padding: 5px; text-align: center; font-size: 12px;}
  237.  
  238. .postnotes {text-align: left; width: 500px; margin-top: 10px; padding: 8px; margin-left:20px}
  239.  
  240. .pergunta {margin-left:50px; color:#fff; background:#000; padding:15px}
  241.  
  242. .borda {border-radius:10px;
  243. -moz-border-radius:10px;
  244. -webkit-border-radius:10px;}
  245.  
  246. </style>
  247.  
  248.  
  249. </head>
  250.  
  251.  
  252. <body>
  253. <div id="frase"><div class="frase">{text:title2}</div>{text:title1}</div>
  254.  
  255.  
  256.  
  257. <div id="side">
  258.  
  259. <div class="sidebardescrip">{block:description}{description}{/block:description}</div>
  260.  
  261. <div id="ffrase">{text:description phrase}</div>
  262.  
  263. <div id="sideimage">
  264. <div id="imagemhh"><img src="{image:photo2}">
  265. <div id="imagemh"><img src="{image:photo1}"></a>
  266. </div>
  267. </div></div>
  268.  
  269. <div class="pagina">{block:pagination}
  270. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  271.  
  272. {block:JumpPagination length="5"}
  273. {block:CurrentPage}
  274. <span class="current">{PageNumber}</span>
  275. {/block:CurrentPage}
  276.  
  277. {block:JumpPage}
  278. <a class="jump_page" href="{URL}">{PageNumber}</a>
  279. {/block:JumpPage}
  280. {/block:JumpPagination}
  281.  
  282. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  283.  
  284. {/block:pagination}</div>
  285.  
  286.  
  287. <div id="navegation">
  288. <div class="nav"><a href="{text:link00}">{text:link title00}</a></div>
  289. <div class="nav"><a href="{text:link01}">{text:link title01}</a></div>
  290.  
  291. {block:iflink3}<div class="nav"><a href="{text:link3}">{text:link title3}</a></div>{/block:iflink3}
  292.  
  293. {block:iflink4}<div class="nav"><a href="{text:link4}">{text:link title4}</a></div>{/block:iflink4}
  294.  
  295. {block:iflink5}<div class="nav"><a href="{text:link5}">{text:link title5}</a></div>{/block:iflink5}
  296.  
  297.  
  298. </div>
  299. </div>
  300.  
  301. <div id="credit">theme by <a href="http://lookforus.tumblr.com">nathalia bitencourt</a>, don't copy and don't remove this
  302.  
  303. tag</a></div>
  304.  
  305. <div id="post">
  306.  
  307. {block:Posts}
  308.  
  309.  
  310. <div class="box2"><div id="tags">
  311. <a href="{Permalink}">{NoteCountWithLabel}</a><br>{/block:NoteCount}
  312.  
  313. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentTitle}</a><br>{/block:RebloggedFrom}
  314.  
  315. {block:RebloggedFrom}from: <a href="{ReblogRootURL}">{ReblogRootTitle}</a><br>{/block:RebloggedFrom}
  316.  
  317. </div>
  318.  
  319.  
  320. {block:Answer} <div class="box">
  321. <img src="{AskerPortraitURL-48}" align="left" class="borda"> <div class="pergunta"><font color="#fff">{Asker} said:</font>
  322.  
  323. {Question}<br></div>
  324. {Answer}
  325.  
  326. </div>{/block:Answer}
  327.  
  328. {block:Text}<div class="box">
  329. {block:title}<h1>{title}</h1>{/block:title}
  330. <div align="justify">{body}</div>
  331. </div>{/block:Text}
  332.  
  333. {block:Photo}<div class="box">
  334. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" class="bordinha"/>{LinkCloseTag}</center><br>
  335. {block:Caption}{Caption}{/block:Caption}<br>
  336. </div>{/block:Photo}
  337.  
  338. {block:Quote} <div class="box">
  339. <h1>"{quote}"</h1><br>
  340. {block:Source}— {source}{/block:Source}
  341. </div>{/block:Quote}
  342.  
  343. {block:Link}<div class="box">
  344. <a href="{url}"><h1>{Name}</h1></a>
  345. {block:description}{Description}{/Block:description}
  346. </div>{/block:Link}
  347.  
  348. {block:Chat}<div class="box">
  349. {block:Title}<h1>{Title}</h1>{/block:Title}
  350.  
  351. <table>
  352. {block:Lines}<tr>
  353. {block:Label}<td class="name">{Label}</td>{block:Label}
  354. <td class="words">{Line}</td></tr>
  355. {/block:Lines}
  356. </table>    
  357. </div>{/block:Chat}
  358.  
  359. {block:Audio}<div class="box">
  360. <div align="right">Música ouvida {PlayCount} vezes
  361. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download</a>){/block:ExternalAudio}</div>
  362. <center>{block:AlbumArt}<img src="{AlbumArtURL}" width="50px" height="50px">{/block:AlbumArt}
  363. {AudioPlayerBlack}</center>
  364. {block:Caption}{Caption}{/block:Caption}<br>
  365. </div>{/block:Audio}
  366.  
  367. {block:Video}<div class="box">
  368. <center>{video-500}</center>
  369. {block:Caption}{Caption}{/block:Caption}<br>
  370. </div>{/block:Video}
  371.  
  372. <div id="notes">
  373. <div class="notes"><center>
  374. Posted <a href="{Permalink}">{ShortMonth}/{DayOfMonthWithZero}/{Shortyear}</a> @ {24Hour}:{Minutes} {Block:IndexPage} <a
  375.  
  376. href="{ReblogUrl}" target="_blank">reblog this</a>{/Block:IndexPage}
  377. {block:HasTags}<br>{block:Tags} &nbsp;<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</a></center>
  378. </div>
  379.  
  380. </div></div>
  381. {/block:Posts}
  382.  
  383. <div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  384. </div>
  385.  
  386. </body>
  387.  
  388.  
  389. </html>
create a new version of this paste RAW Paste Data