API tools faq
paste
Advertisement
rinnegans

theme 02

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