Advertisement
Romancitei

#Theme 01

Nov 26th, 2014
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.85 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5.  
  6. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  7.  
  8.  
  9. <meta name="image:background" content="" />
  10. <meta name="image:sidebar" content="" />
  11.  
  12. <meta name="color:background" content="#fffffff"/>
  13. <meta name="color:text" content="#888888"/>
  14. <meta name="color:link" content="#888888"/>
  15. <meta name="color:lhover" content="#999999"/>
  16. <meta name="color:borda" content="#eeeeee"/>
  17. <meta name="color:scroll" content="#999999"/>
  18. <meta name="color:bglinks" content="#cccccc"/>
  19. <meta name="color:linkside" content="#888888"/>
  20. <meta name="color:fundoask" content="#eeeeee"/>
  21. <meta name="color:detalhes" content="#999999"/>
  22.  
  23. <meta name="if:BotaoBranco" content="1"/>
  24.  
  25.  
  26.  
  27. <meta name="text:Link1" content="" />
  28. <meta name="text:Link2" content="" />
  29. <meta name="text:Link3" content="" />
  30. <meta name="text:Link4" content="" />
  31. <meta name="text:Link1 Title" content="Início" />
  32. <meta name="text:Link2 Title" content="Correio" />
  33. <meta name="text:Link3 Title" content="Autorias" />
  34. <meta name="text:Link4 Title" content="Coisas" />
  35.  
  36.  
  37. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/UCmnc0f10/install.css">
  38.  
  39. <script type="text/javascript" src="http://static.tumblr.com/mcvd3uv/hPVnfnoaa/install.js"></script>
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49. <style type="text/css">
  50.  
  51. body {cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), auto;}
  52. a, a:hover {cursor: url("http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif"), auto }
  53.  
  54. body {background-color:{color:background};
  55. color:{color:text};
  56. text-align:justify;
  57. font-size:12;
  58. font-family:raavi;
  59. line-height:18px;
  60. background-image:url('{image:background}');
  61. background-attachment: fixed;
  62. background-repeat: no-repeat;
  63. background-position: fixed;
  64. background-size:100% 100%;}
  65.  
  66. a {color: {color:link};
  67. text-decoration:none;
  68. text-transform:none;}
  69.  
  70. a:hover {color:{color:lhover};
  71. background-color:transparent;
  72. text-decoration:none;}
  73.  
  74.  
  75. p {margin: 6px 0 0 0}
  76.  
  77.  
  78. #corpo {float:left;
  79. margin-top:-5px ;
  80. margin-left:500px;
  81. padding:10px;
  82. border-left:1px dashed {color:borda};
  83. border-right:1px dashed {color:borda};
  84. border-bottom:1px dashed {color:borda};}
  85.  
  86. .caixas {width:400px;
  87. text-align:justify;
  88. font-size:12;
  89. font-family:raavi;
  90. line-height:18px;
  91. position:relative;
  92. font-style:none;
  93. padding-bottom:15px;}
  94.  
  95.  
  96. .vsanna{display: none;}
  97.  
  98.  
  99. .h1 {text-align:left;
  100. color:{color:text};
  101. font-weight:bold;
  102. font-size: 12px;}
  103.  
  104. .h1 a {color:{color:links};}
  105. .h1 a:hover {color:{color:lhover};}
  106.  
  107. .photos {text-align:center;
  108. border:10px}
  109. .photos img {max-width:400px;
  110. box-shadow:0 10px 8px -8px #000;}
  111.  
  112.  
  113. .quote {font-style:none;
  114. text-align:justify;
  115. font-size:12;
  116. font-family:raavi;}
  117.  
  118. .sourceqt {text-align:left;
  119. font-weight:bold;
  120. color:{color:detalhes};}
  121.  
  122.  
  123. .chat ul {list-style:none; margin: 0 0 0 0; padding: 0 0 0 0;}
  124. .person1 {padding:0px;}
  125. .person1 .label {font-weight:bold;}
  126. .person2 {font-style: none}
  127. .person2 .label {font-weight:bold;}
  128.  
  129.  
  130.  
  131.  
  132. #albumart {width: 100px;
  133. height: 100px;
  134. margin-bottom: -1px;}
  135.  
  136. #audioplayer {position: absolute;
  137. top: 36px;
  138. left: 36px;
  139. width: 27px;
  140. height: 27px;
  141. overflow: hidden;
  142. opacity: 0.8;}
  143.  
  144. #audiodetails {position: absolute;
  145. top: 10px;
  146. left: 120px;
  147. display: block;
  148. width: 100%;}
  149.  
  150. #audiodetails ul{padding: 0;
  151. margin: 0;
  152. list-style-type: none;}
  153.  
  154. #audiodetails li{padding: 2px 0px;}
  155.  
  156.  
  157. #asker {background: {color:fundoask};
  158. padding: 6px;
  159. text-align:justify;
  160. border-radius: 0px; }
  161.  
  162. .answer {text-align:justify}
  163. .answer img {max-width:250px;}
  164. .sk {float: left;
  165. margin-right: 5px;
  166. margin-bottom: 3px;
  167. margin-top:5px;
  168. border: 2px solid #eeeeee;
  169. border-radius:100px;}
  170.  
  171.  
  172.  
  173. {block:IfBotaoBranco}
  174. iframe#tumblr_controls {white-space:nowrap;
  175. -webkit-filter: invert(100%);
  176. -moz-filter: invert(100%);
  177. -o-filter: invert(100%);
  178. -ms-filter: invert(100%);
  179. filter: invert(100%);
  180. opacity:0.4;
  181. transition: .8s ease-in-out;
  182. -webkit-transition: .8s ease-in-out;
  183. -moz-transition: .8s ease-in-out;
  184. -o-transition: .8s ease-in-out; }{/block:IfBotaoBranco}
  185.  
  186.  
  187. {block:IfBotaoBranco} iframe#tumblr_controls, .credit.icon.theme {position:fixed!important; -webkit-filter:invert(100%); opacity:.4;} {/block:IfBotaoBranco}
  188.  
  189.  
  190. .caixas:hover .reblog {opacity:1;
  191. bottom:0px;height:20px;
  192. -webkit-transition: opacity 0.9s linear;
  193. -webkit-transition: all 0.9s ease-in-out;
  194. -moz-transition: all 0.9s ease-in-out;
  195. -o-transition: all 0.9s ease-in-out}
  196.  
  197.  
  198. .reblog {z-index:9999;
  199. position:absolute;
  200. height:0px;
  201. opacity:0;
  202. font-style:normal;
  203. font-family:gautami;
  204. font-size:11px;
  205. text-align:right;
  206. margin-left:0px;
  207. bottom:0px;
  208. width:400px;
  209. display: block;
  210. overflow: hidden;
  211. -webkit-transition:
  212. opacity 0.6s linear;
  213. -webkit-transition: all 0.6s ease-in-out;
  214. -moz-transition: all 0.6s ease-in-out;
  215. -o-transition: all 0.6s ease-in-out;
  216. -webkit-border-top-left-radius: 6px;
  217. -webkit-border-top-right-radius: 6px;}
  218.  
  219. .reblog a {opacity:1; }
  220.  
  221.  
  222.  
  223. .sidebar {width:150px;
  224. padding:5px;
  225. position:fixed;
  226. margin-top:100px;
  227. margin-left:315px;
  228. text-align:center;}
  229.  
  230. .foto img {width:150px;}
  231.  
  232.  
  233. .menu {width:150px;
  234. font-family:gautami;
  235. font-size:10px;
  236. height:22px;line-height:27px;
  237. background:{color:bglinks};}
  238.  
  239. .menu a {padding-left:2px;
  240. padding-right:2px;
  241. color:{color:linkside};}
  242.  
  243.  
  244. .desc {width:150px;
  245. text-align:center;
  246. margin-top:3px;
  247. font-family:gautami;
  248. font-size:10px;line-height:15px;
  249. border-bottom:1px dashed {color:borda};}
  250.  
  251.  
  252. #tumblr_controls{position: fixed!important}
  253. #tumblr_controls{position: fixed!important}
  254. #tumblr_controls{position: fixed!important}
  255. #tumblr_controls{position: fixed!important}
  256.  
  257. blockquote {margin:5px 5px 5px 5px;
  258. border-left:4px solid {color:background};
  259. padding-left:5px;}
  260. blockquote blockquote {margin:0px 5px 0px 5px;
  261. border-left:4px solid {color:background};}
  262. blockquote blockquote blockquote {margin:0px 5px 0px 5px;
  263. border-left:4px solid {color:background};}
  264. blockquote blockquote blockquote blockquote {margin:0px 5px 0px 5px;
  265. border-left:4px solid {color:background};}
  266.  
  267. blockquote img{max-width:470px!important}
  268. blockquote blockquote img{max-width:450px!important}
  269. blockquote blockquote blockquote img{max-width:430px!important}
  270. blockquote blockquote blockquote blockquote img{max-width:410px!important}
  271.  
  272. ::-webkit-scrollbar{width:7px;height:5px;}
  273. ::-webkit-scrollbar-button:start:decrement
  274. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  275. ::-webkit-scrollbar-track-piece{background-color:transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  276. ::-webkit-scrollbar-thumb:vertical{height:50px; -webkit-border-radius:0px;background-color: {color:scroll}}
  277. ::-webkit-scrollbar-thumb:horizontal{width:50px; -webkit-border-radius:0px;;background-color: {color:scroll}}
  278.  
  279. #nc {width: 400px;
  280. line-height:18px;
  281. font-size:12px;}
  282. #nc a {text-transform:none;}
  283.  
  284. ol.notes {padding:0px; margin:0px; list-style-type:none;}
  285. ol.notes li.note {padding:5px;}
  286. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:17px; height:17px;}
  287. ol.notes li.note span.action {font-weight:normal;}
  288. ol.notes li.note .answer_content {font-weight:normal;}
  289. ol.notes li.note blockquote {padding-left:10px; margin:5px 0px 5px 15px; }
  290. ol.notes li.note blockquote a {text-decoration:none;}
  291.  
  292.  
  293. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  294.  
  295. </style>
  296.  
  297.  
  298.  
  299. <body>
  300. <div class="sidebar">
  301.  
  302. <div class="foto"><img src="{image:sidebar}"/></div>
  303.  
  304. <div class="menu">
  305. <a href="{text:Link1}">{text:Link1 Title}</a>
  306. <a href="{text:Link2}">{text:Link2 Title}</a>
  307. <a href="{text:Link3}">{text:Link3 Title}</a>
  308. <a href="{text:Link4}">{text:Link4 Title}</a>
  309. </div>
  310.  
  311. <div class="desc">{description}
  312.  
  313. </div></div></div>
  314.  
  315.  
  316. <div id="corpo">
  317.  
  318. <div class="autopagerize_page_element">
  319.  
  320.  
  321. {block:Posts}
  322. <div class="caixas">
  323.  
  324. {block:IndexPage}
  325. <div class="reblog">
  326.  
  327. <a href="{Permalink}">{NoteCount}</a>&nbsp;&nbsp;<font color="{color:detalhes}"> ♥ </font>&nbsp;&nbsp;
  328.  
  329. <a href="{ReblogURL}" target="_blank">reblog</a>
  330. </div>
  331.  
  332. {/block:IndexPage}
  333.  
  334. {block:Text}
  335. {block:Title}
  336. <div class="h1">{Title}</div>
  337. {/block:Title}
  338. {Body}
  339. {/block:Text}
  340.  
  341. {block:Photo}
  342. {LinkOpenTag}<div class="photos">
  343. <img src="{PhotoURL-400}"width:400px;></div>
  344. {LinkCloseTag}
  345. {/block:Photo}
  346.  
  347. {block:Photoset}
  348. {Photoset-400}
  349. {/block:Photoset}
  350.  
  351. {block:Quote}
  352. <div class="quote">{Quote}</div>
  353. {block:Source}
  354. <div class="sourceqt">{Source}</div>
  355. {/block:Source}
  356. {/block:Quote}
  357.  
  358. {block:Link}
  359. <div class="h1"><a href="{URL}" {Target}>{Name}</a></div>
  360. {block:Description}
  361. {Description}
  362. {/block:Description}
  363. {/block:Link}
  364.  
  365. {block:Chat}
  366. {block:Title}
  367. <div class="h1"><a href="{Permalink}">{Title}</a></div>
  368. {/block:Title}
  369. <div class="chat"><ul>{block:Lines}
  370. <li class="person{UserNumber}">
  371. {block:Label}
  372. <span class="label">{Label}</span>
  373. {/block:Label}
  374. {Line}</li>
  375. {/block:Lines}</ul></div>
  376. {/block:Chat}
  377.  
  378.  
  379. {block:Audio}
  380. {block:AudioPlayer}
  381. <div id="albumart" style="position:relative;">
  382. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="100px" style="position:absolute;top:0;left:0;">
  383. {block:AlbumArt}<img src="{AlbumArtURL}" width="100px" style="position:absolute;top:0;left:0;">{/block:AlbumArt}
  384. <div id="audioplayer">{AudioPlayerBlack} </div>
  385. </div>
  386. <div id="audiodetails">
  387. <ul>
  388. <li>{block:Artist}
  389. {Artist}
  390. {/block:Artist}</li>
  391. <li>{block:TrackName}
  392. {TrackName}
  393. {/block:TrackName}</li>
  394. <li>{block:Album}
  395. {Album}
  396. {/block:Album}</li>
  397. </ul>
  398. </div>
  399. {/block:AudioPlayer}
  400. {block:AudioEmbed}
  401. {block:IndexPage}
  402. {/block:IndexPage}
  403. {block:PermalinkPage}
  404. {AudioEmbed-250}
  405. {/block:PermalinkPage}
  406. {/block:AudioEmbed}
  407.  
  408. {block:Caption}
  409. {Caption}
  410. {/block:Caption}
  411. {/block:Audio}
  412.  
  413.  
  414. {block:Video}
  415. {Video-400}
  416. {/block:Video}
  417.  
  418. {block:Answer}
  419. <img src="{AskerPortraitURL-40}" class="sk">
  420. <div id="asker"> <b> {Asker}: </b> {Question}</div>
  421. <div class="answer">{Answer} </div>
  422. {/block:answer}
  423.  
  424.  
  425.  
  426. </div>
  427. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  428. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  429. {block:PostNotes}<div id="nc">
  430. Posted {TimeAgo} - {12Hour}:{Minutes}:{Seconds} - {MonthNumber}/{DayOfMonth}/{Year}<br/>
  431. With {NoteCountWithLabel}<br>
  432. {block:RebloggedFrom}Reblogged of: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally by: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  433. {block:HasTags}Tagged with: {block:Tags}<a href="{TagURL}" style="margin-right:5px;">#{Tag}</a>{/block:Tags}{/block:HasTags}<p>
  434.  
  435. </div><p>
  436. <div id="nc">{PostNotes}</div>{/block:PostNotes}
  437. {/block:Posts}
  438.  
  439.  
  440. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  441. </body>
  442. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement