Advertisement
rinnegans

theme 04

Mar 26th, 2014
1,282
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.64 KB | None | 0 0
  1. <!-- Theme melhor visualizado em todos os navegadores -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!-- THEME MADE BY: rinnegans.tumblr.com -->
  6.  
  7.  
  8. <head profile="http://gmpg.org/xfn/11">
  9.  
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12.  
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:scrollbar" content="#dfdfdf" />
  15. <meta name="color:text" content="#BDB9AB" />
  16. <meta name="color:link" content="#9b9b9b" />
  17. <meta name="color:linkhoverinfo" content="#9b9b9b" />
  18. <meta name="color:selection" content="#cacaca"/>
  19. <meta name="color:descri" content="">
  20. <meta name="color:navicolor" content="">
  21. <meta name="color:navihover" content="">
  22. <meta name="color:colorborder" content="">
  23. <meta name="color:colorpictureborder" content="">
  24. <meta name="color:tags" content="">
  25. <meta name="color:tagshover" content="">
  26. <meta name="color:blockquote" content="">
  27. <meta name="color:pagination" content="">
  28.  
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:sbarimage" content=""/>
  32. <meta name="image:secondimage" content=""/>
  33.  
  34.  
  35. <meta name="text:link1" content="/" />
  36. <meta name="text:link2" content="/" />
  37. <meta name="text:link3" content="/" />
  38. <meta name="text:link1 title" content="link1" />
  39. <meta name="text:link2 title" content="link2" />
  40.  
  41.  
  42.  
  43.  
  44. <!-- Tumblr's title and favicon -->
  45.  
  46. <title>{title}</title>
  47.  
  48. <link rel="shotcut icon" href="{favicon}">
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53.  
  54.  
  55. <style>
  56.  
  57. ::-moz-selection {background-color:{color:selectionbg};
  58. color:{color:selection};}
  59.  
  60. ::selection {background-color:{color:selectionbg};
  61. color:{color:selection};}
  62. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  63. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  64. ::-webkit-scrollbar-track{background-color:{color:background};}
  65.  
  66.  
  67. /*** Your CSS here ***/
  68.  
  69.  
  70.  
  71. body{ color:{color:text};
  72. font-family:calibri;
  73. font-size:10px;
  74. background-color:{color:background};
  75. background-image: url('{image:Background}');
  76. background-repeat:repeat;
  77. background-position: center;
  78. background-attachment:fixed;
  79. line-height:11px;
  80. text-align:justify;
  81. font-weight: normal;}
  82.  
  83. h1 { font-family: 'Open Sans', Arial, serif; font-weight: 400; }
  84.  
  85.  
  86. a:link, a:active, a:visited{
  87. color: {color:link};
  88. text-decoration:none;
  89. -webkit-transition-duration: .90s;
  90. padding: 1px;}
  91. a:hover{
  92. color:{color:linkhovercolor};
  93. -webkit-transition-duration: .90s;}
  94.  
  95.  
  96.  
  97. #sbarimage img{
  98. background:none;
  99. border:1px solid {color:colorborder};
  100. border-radius:100px;
  101. width: 100px;
  102. height: 100px;
  103. padding: 10px; background-color:{color:colorpictureborder};
  104. margin-left:201px;
  105. margin-top:160px;
  106. position:fixed;}
  107.  
  108. #secondimage img{
  109. background:none;
  110. border:1px solid {color:colorborder};
  111. border-radius:100px;
  112. width: 64px;
  113. height: 64px;
  114. padding: 8px; background-color:{color:colorpictureborder};
  115. margin-left:180px;
  116. margin-top:140px;
  117. position:fixed;}
  118.  
  119.  
  120. #description {
  121. background-position:fixed;
  122. background-color:{color:bgdescricolor};
  123. border:0px
  124. solid #eeeeee;
  125. display: block;
  126. font-style:normal;
  127. font-family: consolas;
  128. font-size:8px;
  129. margin-top:300px;
  130. margin-left:201px;
  131. width:120px;
  132. height:auto;
  133. text-align: justify;
  134. text-transform:uppercase;
  135. padding-right:-3px;
  136. padding:0px;color:{color:descri};
  137. position:fixed; }
  138.  
  139.  
  140. #navi {width:200px;
  141. font-family:calibri;
  142. text-align:justify;
  143. margin-top:-15px;
  144. }
  145.  
  146. #navi a {
  147. font-weight:bold;
  148. font-size:9px;
  149. text-transform:uppercase;
  150. padding-right:4px;
  151. color:{color:navicolor};}
  152.  
  153. #navi a:hover {color:{color:navihover};}
  154.  
  155.  
  156. #pagination {
  157. color:{color:pagination};
  158. font-family:calibri;
  159. text-transform:uppercase;
  160. font-size:8px;
  161. position:fixed;
  162. margin-left:270px;
  163. margin-top:130px; }
  164.  
  165.  
  166.  
  167.  
  168. #credit{
  169. float:right;
  170. position:fixed;
  171. bottom:5px;
  172. right:5px;
  173. padding:1px;
  174. border-style:solid; color:#dcdcdc;
  175. font-size:8px;
  176. font-family:calibri;
  177. text-transform:uppercase;
  178. }
  179.  
  180. #credit a{
  181. color:#777676;
  182. }
  183.  
  184.  
  185.  
  186.  
  187. .entries{
  188. font-family: consolas;
  189. padding:35px;
  190. width:520px;
  191. margin-left:379px;
  192. margin-top:5px;
  193. font-weight: normal;
  194. font-style: normal;
  195. line-height:11px;
  196. border-left: 0px double
  197. position:fixed;
  198. {color:border}; }
  199.  
  200.  
  201.  
  202. .post{ width:500px;
  203. padding:8px;
  204. padding-bottom:15px;
  205. margin-top:0px;
  206. margin-bottom:7px;
  207. font-weight: normal;
  208. font-style: normal;
  209. line-height:11px;
  210. background-color:{color:background};
  211. margin-top: 15px;
  212. font-family: consolas;}
  213.  
  214.  
  215. #info {
  216. width:500px;
  217. text-align:center;
  218. font-family:'consolas';
  219. margin-top:3px; margin-left:px;
  220. letter-spacing:1px;
  221. font-size:8px; font-style :none;
  222. padding:1px; line-height:10px;
  223. text-transform:uppercase;
  224. border-top:1px solid #f2f2f2; }
  225.  
  226.  
  227. #info a { text-align:center; color:{color:link}; }
  228.  
  229. #info a:hover { -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:{color:linkhoverinfo}; }
  230.  
  231.  
  232.  
  233. #tags {
  234. float:left;
  235. width:489px;
  236. margin-top:-7px;
  237. margin-left:-5px;
  238. text-align:left;
  239. font-size:7px;
  240. padding:5px;
  241. font-size:8px;
  242. opacity:1;
  243.  
  244. transition-duration: 0.5s;
  245. -moz-transition-duration: 0.5s;
  246. -webkit-transition-duration: 0.5s;
  247. -o-transition-duration: 0.5s
  248. color:{color:link}; }
  249.  
  250. #tags a {
  251. letter-spacing:0px;
  252. font-size:8px;
  253. text-align:right;
  254. font-family:'CALIBRI';
  255. text-decoration:none;
  256. display:inline-block;
  257. color:{color:tags}; }
  258.  
  259. #tags a:hover {
  260. background-color:none;
  261. -moz-transition-duration:0.3s;
  262. -webkit-transition-duration:0.3s;
  263. -o-transition-duration:0.3s;
  264. color:{color:tagshover}; }
  265.  
  266.  
  267.  
  268. .questions{
  269. color: #747474;
  270. font-family: cambria;
  271. font-size:9px;
  272. background-color: #fcfcfc;
  273. padding:25px;
  274. margin-bottom:0px;
  275. text-align:left;
  276. letter-spacing: 0px;}
  277.  
  278. .questions a:hover{
  279. color:{color:linkhovercolor};
  280. text-decoration: underline;}
  281.  
  282. .answer{
  283. color:#747474;
  284. font-family:cambria;
  285. font-size:9px;
  286. font-style: none;
  287. background-color:{color:background};
  288. padding:5px;
  289. margin-bottom:0px;
  290. text-align:left;
  291. line-height: 12px;}
  292.  
  293.  
  294.  
  295.  
  296. blockquote{
  297. font-family:'arial';
  298. text-transform:lowercase;
  299. font-size:9px;
  300. padding:0px 8px 0px 8px;
  301. margin:0px 0px 0px 10px;
  302. border-left:2px solid {color:blockquote};}
  303.  
  304.  
  305.  
  306.  
  307. p{ margin-top:3px;
  308. margin-bottom:3px}
  309.  
  310. .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}
  311.  
  312. .user_1 .label {color:{color:text}; font-weight:bold;}
  313. .user_2 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  314. .user_3 .label {color:{color:text}; font-weight:bold;}
  315. .user_4 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  316. .user_5 .label {color:{color:text}; font-weight:bold;}
  317. .user_6 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  318. .ul.chat {}
  319. .chat ol {}
  320. .chat li {list-style:none; margin-left:-40px; padding:4px; font-family: cambria; font-style: none; font-size: 9.5px;}
  321.  
  322. 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;}
  323.  
  324. ol.notes li.note {border-top: solid 0px #f8f8f8; padding: 10px;}
  325.  
  326. 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;}
  327.  
  328. ol.notes li.note span.action {font-style: normal;}
  329.  
  330. ol.notes li.note .answer_content {font-weight: normal;}
  331.  
  332. ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  333.  
  334. ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
  335.  
  336.  
  337.  
  338.  
  339.  
  340. .ask {float:left;border:1px solid #eee; border-radius:10px;:margin-top:0px;margin-left:1px;}
  341.  
  342. .askbaby {margin-left:24px;margin-top:-4px;padding:4px;color:#aaa;font-family: 'calibri', sans-serif;font-size:8px;border:0px solid #eee;text-transform:uppercase;color:{color:text};}
  343.  
  344. .askbaby a{COLOR:#aaa;}
  345.  
  346. .assk {border:0px solid #eee;margin-left:1px;margin-top:-15px;font-family:'calibri';font-size:8px;padding:7px;color:#aaa;text-indent:5px;padding-left:4px;text-transform:uppercase;color:{color:text};}
  347.  
  348. .resp {margin-left:0px;margin-top:-8px;font-family:'consolas';font-size:8px;padding:3px;color:#aaa;text-indent:0px;text-align:left;width:507px;text-transform:uppercase;color:{color:text};}
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357. </style>
  358.  
  359.  
  360.  
  361. </head>
  362.  
  363. <body>
  364.  
  365.  
  366.  
  367.  
  368.  
  369. <div id="sidebar">
  370.  
  371. </div>
  372.  
  373.  
  374.  
  375. <div id="pagination">
  376. {block:PreviousPage}<a href="{PreviousPage}">ยซ</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">ยป</a>{/block:NextPage}</div>
  377.  
  378.  
  379.  
  380.  
  381.  
  382. <div id="description">
  383. <div id="navi">
  384. <br><a href="/">index</a>
  385. <a href="/ask">askbox</a>
  386. <a href="{text:link1}">{text:link1 title}</a>
  387. <a href="{text:link2}">{text:link2 title}</a>
  388. </div> <br>
  389.  
  390. {Description}
  391. </br>
  392.  
  393. </div>
  394.  
  395. </div>
  396. <div id="sbarimage"><img src="{image:sbarimage}"></div>
  397. <div id="secondimage"><img src="{image:secondimage}"></div>
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404. <div id="credit">
  405. <a href="http://rinnegans.tumblr.com">RN</a>
  406. </div></div>
  407.  
  408.  
  409. <div class="entries">{block:Posts}<div class="post">
  410.  
  411. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  412.  
  413. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  414.  
  415. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  416.  
  417. {block:Quote}<h2>{Quote}{block:Source} โ€”{Source}{/block:Source}{/block:Quote}</h2>
  418.  
  419. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  420.  
  421. {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}
  422.  
  423. {block:Audio}
  424. <div class="audio">
  425. <span style="background-color:{color:Background};
  426. position:absolute;
  427. width:80px;
  428. height:80px;
  429. margin-left:-15px;">
  430.  
  431. {block:AlbumArt}
  432. <img src="{AlbumArtURL}"
  433. width="110px"
  434. height="110px"
  435. align="left"
  436. style="margin-left:30px;
  437. opacity: 0.7; border: 1px
  438. solid #ededed;
  439. padding: 3px;
  440. font-size: 8px;" />
  441.  
  442. {/block:AlbumArt}
  443. </span><div class="audioinfo">
  444. <b>Title:</b>
  445. <span{block:TrackName} style="display: none;"
  446.  
  447. {block:TrackName}>Unknown</span>
  448. {block:TrackName}{TrackName}
  449.  
  450. {/block:TrackName}
  451. <br /><b>Artist:</b>
  452. <span{block:Artist} style="display: none;"
  453. {block:Artist}>Unknown</span>
  454. {block:Artist}{Artist}{/block:Artist}
  455. <br /><b>Album:</b>
  456. <span{block:Album} style="display: none;"
  457. {block:Album}>Unknown</span>
  458. {block:Album}{Album}{/block:Album}<br />
  459. {block:ExternalAudio}<b>Download:</b>
  460. <a href="{ExternalAudioURL}">Click Here</a><br />
  461. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  462. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  463. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>
  464. {/block:Audio}
  465.  
  466.  
  467.  
  468. {block:Video}
  469.  
  470.  
  471. {Video-500}{block:Caption}{Caption}{/block:Caption}
  472.  
  473. {/block:Video}
  474.  
  475.  
  476.  
  477.  
  478. {block:Answer}<img src="{AskerPortraitURL-24}" class="ask">
  479. <div class="askbaby" align="left"> {Asker} wrote:</div><p></p>
  480. <div class="assk">{Question}</div><p></p>
  481. <div class="resp">{Answer}</div>
  482. {/block:answer}{/block:answer}
  483. <br>
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490. <div id="info">
  491.  
  492. published:<a href="{Permalink}">{TimeAgo}</a>
  493. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}|<a href="{SourceURL}">source:<a href="{SourceURL}">{SourceLink}</a>
  494. {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}"target="_blank"></a>{/block:RebloggedFrom}|<a href="{Permalink}">{NoteCountWithLabel}</a>|<a href="{ReblogURL}" target="_blank">reblog</a>
  495.  
  496. {block:HasTags}<div id="tags"><img src="">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  497.  
  498. {/block:Posts}
  499. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  500. {/block:Posts}</div></div></div>
  501.  
  502. </body>
  503.  
  504. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement