API tools faq
paste
Advertisement
Tiagod22

Themes #3

Tiagod22
Dec 17th, 2013
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.70 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme made by rokuthemes.tumblr.com-->
  2. <!--DO NOT CLAIM THIS PAGE AS YOURS-->
  3. <!--Any problem or request mail me rokuthemes@sapo.pt or ask in my blog rokuthemes.tumblr.com-->
  4.  
  5. <html>
  6. <head>
  7.  
  8.  
  9. <link rel="shortcut icon" href="{favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{rss}">
  11.  
  12. <title>{Title}</title>
  13.  
  14.  {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17.  
  18. <meta name="color:title" content="#ffffff">
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:header" content="WhiteSmoke">
  21. <meta name="color:imgborder" content="#ffffff">
  22. <meta name="color:desc" content="#ffffff">
  23. <meta name="color:descbackground" content="#ffffff">
  24. <meta name="color:links" content="#ffffff">
  25. <meta name="color:linksbackground" content="#ffffff">
  26. <meta name="color:linksborder" content="#ffffff">
  27. <meta name="color:scrollbar" content="#ffffff">
  28. <meta name="color:scrollbar" content="#ffffff">
  29. <meta name="color:scrollbg" content="#ffffff">
  30. <meta name="color:body" content="#ffffff">
  31. <meta name="color:postbackground" content="#ffffff">
  32. <meta name="color:posttitle" content="#ffffff">
  33. <meta name="color:postborder" content="#ffffff">
  34. <meta name="color:info" content="#ffffff">
  35. <meta name="color:titleborder" content="#ffffff">
  36. <meta name="color:customlinks" content="#ffffff">
  37. <meta name="color:sidebarborder" content="#ffffff">
  38. <meta name="color:lines" content="#ffffff">
  39. <meta name="color:customlinkbackground" content="#ffffff">
  40. <meta name="color:sidebarborder" content="#ffffff">
  41. <meta name="color:sidebarborder" content="#ffffff">
  42.  
  43.  
  44. <meta name="text:link1" content="/">
  45. <meta name="text:link1title" content="link one">
  46. <meta name="text:link2" content="/">
  47. <meta name="text:link2title" content="link two">
  48. <meta name="text:link3" content="/">
  49. <meta name="text:link3title" content="link three">
  50. <meta name="text:link4" content="/">
  51. <meta name="text:link4title" content="link four">
  52.  
  53. <meta name= "image:Background" content="image:Background">
  54. <meta name= "image:Header" content="image:Background">
  55. <meta name= "image:Sidebar" content="image:Sidebar">
  56.  
  57. <style type="text/css">
  58.  
  59.     ol.notes {
  60.                 padding: 0px;
  61.                 margin: 25px 0px;
  62.                 list-style-type: none;
  63.                 border-bottom: solid 1px {color:postborder};
  64.             }
  65.  
  66.             ol.notes li.note {
  67.                 border-top: solid 1px #ccc;
  68.                 padding: 10px;
  69.             }
  70.  
  71.             ol.notes li.note img.avatar {
  72.                 vertical-align: -4px;
  73.                 margin-right: 10px;
  74.                 width: 16px;
  75.                 height: 16px;
  76.             }
  77.  
  78.             ol.notes li.note span.action {
  79.                 font-weight: bold;
  80.             }
  81.  
  82.             ol.notes li.note .answer_content {
  83.                 font-weight: normal;
  84.             }
  85.  
  86.             ol.notes li.note blockquote {
  87.                 border-color:{color:postborder};
  88.                 padding: 4px 10px;
  89.                 margin: 10px 0px 0px 25px;
  90.             }
  91.  
  92.             ol.notes li.note blockquote a {
  93.                 text-decoration: none;
  94.             }
  95.             .like_and_reblog_buttons {
  96.                 border-radius: 3px;
  97.                 list-style: none;
  98.                 margin: -10px 0px 0px -120px;
  99.                 width: 100px;
  100.             }
  101.  
  102.             .like_and_reblog_buttons li {
  103.                 float: left;
  104.                 margin: 0;
  105.                 padding: 5px 5px;
  106.                 height: 20px;
  107.             }
  108.  
  109.             .like_and_reblog_buttons li:first-child {
  110.                 border-right: 1px solid {color:postborder};
  111.             }
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:100px;}
  114.  
  115. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px !important;}
  116.  
  117. ::-webkit-scrollbar { height:7px;width:7px; background-color:{color:scrollbg};}
  118.  
  119. .ask {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  120. .ask p {margin:1px 0px;}
  121. .ask span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  122.  
  123. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  124.  
  125. ::-moz-selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  126.  
  127. ::selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  128.  
  129. a{text-decoration:none; color:{color:links}}
  130.  
  131. small{font-size:auto}
  132. big{font-size:auto}
  133. b, strong{color:{color:text}}
  134. i, em {color:{color:text}}
  135. p{margin-top:6px; margin-bottom:6px}
  136. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  137.  
  138. tag{
  139.     margin: 0px 0px 0px 200px;
  140. }
  141.  
  142.  
  143. #container {background-color:transparent; width: 800px;  text-align: center; margin: 0 0px 0px 300px }
  144.  
  145. #entries {margin: 22px 0 -10px 100px; margin-right:38px; float:right; text-align: justify;}
  146.  
  147. #posts {margin: 150px 300px 0px 0px; width: 500px; border: 1px solid {color:postborder};background-color:{color:postbackground}; text-align: justify; padding: 10px;
  148. left:0px;
  149. top:0px;
  150. z-index:-100;}
  151.  
  152. #links {background-color:; font:9.5px Constantia; color:{color:border2} letter-spacing: 1px; text-align:center; padding:1px; text-transform:lowercase;}  
  153.  
  154. #stext {text-align:justify; font-family: Constantia; font-size: 10px; padding:0px; text-transform:none;}
  155.  
  156. #pagination {font-family:Constantia; text-align:center; font-size:24px; margin-bottom:2px;margin: 350px 0px 0px 450px;position:fixed;}
  157.  
  158.  
  159. #info{padding-top:5px; display:block; padding-bottom:5px; width:520px; color:{color:tag};  background-color:{color:info}; font-size:10px; font-family:calibri; text-align:left; text-transform:lowercase;margin: 5px 0px 0px -10px;}
  160.  
  161. #questions {background-color:{color:info}; color: {color:text}; padding:2px; margin-top: 6px; margin-bottom:2px; font-family:calibri; font-size:11px; text-transform:lowercase; border-bottom:1px {color:text}; text-align:center;}
  162. #questions a {color:{color:link}}
  163.  
  164. .audio{background-color:black; display:block}
  165.  
  166. .user_1 .label {color:{color:link}; font-weight:bold}
  167. .user_2 .label {color:{color:text}; font-weight:bold}
  168. .user_3 .label {color:{color:link}; font-weight:bold}
  169. .user_4 .label {color:{color:text}; font-weight:bold}
  170.  
  171. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  172.  
  173. .notes img{width:10px; position:relative; top:1px}
  174. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  175.  
  176. body{
  177.     color:{color:body};
  178.     background-color: {color:background};
  179.     background-image: url('{image:Background}');
  180. }
  181. h1{
  182.     font-family:  Edwardian Script ITC;
  183.     font-size:50px;
  184.     font-style:italic;
  185.     color:{color:posttitle};
  186. }
  187.    
  188.  
  189.  #header{
  190.      width: 500px;
  191.      height: 100px;
  192.      margin: 20px 0px 0px 20px;
  193.      position: fixed;
  194.      background-color:{color:header};
  195.      background-image: url('{image:Header}');
  196.      border: 10px double {color:titleborder};
  197.      border-radius: 100%;
  198.  }
  199. #img{
  200.      width: 190px;
  201.      height: 270px;
  202.      margin: 180px 0px 0px 150px;
  203.      position: fixed;
  204.      border-top-right-radius:100px;
  205.      border-top-left-radius:100px;  
  206.      border: 10px double {color:imgborder};
  207.      
  208.  }
  209.  
  210.  #desc{
  211.      width: 250px;
  212.      height: 150px;
  213.      margin: 480px 0px 0px 130px;
  214.      position: fixed;
  215.      text-align: center;
  216.      font-family: arial;
  217.      color: {color:desc};
  218.      font-size: 15px;
  219.      background: {color:descbackground};
  220.      
  221.  }
  222.  
  223.  #title{
  224.      width: 600px;
  225.      height: 150px;
  226.      position: fixed;
  227.      font-size: 60px;
  228.      font-family: Edwardian Script ITC;
  229.      color: {color:title};
  230.      margin: 42px 0px 0px -25px;
  231.      text-align: center;
  232.      text-decoration:italic;
  233.  }
  234.  
  235.  #home{
  236.      width: 70px;
  237.      height: 10px;
  238.      margin: 670px 0px 0px 150px;
  239.      position: fixed;
  240.      background: {color:linksbackground};
  241.      text-align: center;
  242.      padding: 0px 0px 7px 0px;
  243.      color: {color:customlinks};
  244.      border: 2px solid {color:linksborder};
  245.      font-size: 15px;
  246.  }
  247.  
  248.   #ask{
  249.      width: 70px;
  250.      height: 10px;
  251.      margin: 670px 0px 0px 260px;
  252.      position: fixed;
  253.      background: {color:linksbackground};
  254.      text-align: center;
  255.      padding: 0px 0px 7px 0px;
  256.      color: {color:customlinks};
  257.      border: 2px solid {color:linksborder};
  258.      font-size: 15px;
  259.  }
  260.   #archive{
  261.      width: 70px;
  262.      height: 10px;
  263.      margin: 710px 0px 0px 150px;
  264.      position: fixed;
  265.      background: {color:linksbackground};
  266.      text-align: center;
  267.      padding: 0px 0px 7px 0px;
  268.      color: {color:customlinks};
  269.      border: 2px solid {color:linksborder};
  270.      font-size: 15px;
  271.  }
  272.  
  273.   #credits{
  274.      width: 70px;
  275.      height: 10px;
  276.      margin: 710px 0px 0px 260px;
  277.      position: fixed;
  278.      background: {color:linksbackground};
  279.      text-align: center;
  280.      padding: 0px 0px 7px 0px;
  281.      color: {color:customlinks};
  282.      border: 2px solid {color:linksborder};
  283.      font-size: 15px;
  284.  }
  285.  
  286.  
  287.  #home:hover{
  288.      width: 70px;
  289.      height: 10px;
  290.      border: none;
  291.  }
  292.  
  293.   #ask:hover{
  294.      width: 70px;
  295.      height: 10px;
  296.      border: none;
  297.  }
  298.   #archive:hover{
  299.      width: 70px;
  300.      height: 10px;
  301.      border: none;
  302.  }
  303.  
  304.   #credits:hover{
  305.      width: 70px;
  306.      height: 10px;
  307.      border: none;
  308.  }
  309.  #line1{
  310.      color:{color:lines};
  311.      position:fixed;
  312.      margin: 689px 0px 0px 202px;
  313.      transform: rotate(90deg);
  314. -ms-transform: rotate(90deg);
  315. -webkit-transform: rotate(90deg);
  316.  }
  317.  
  318.  #line2{
  319.      color:{color:lines};
  320.      position:fixed;
  321.      margin: 689px 0px 0px 215px;
  322.      transform: rotate(90deg);
  323. -ms-transform: rotate(90deg);
  324. -webkit-transform: rotate(90deg);
  325.  }
  326.  
  327.  #line3{
  328.      color:{color:lines};
  329.      position:fixed;
  330.      margin: 684px 0px 0px 152px;
  331.  }
  332.  
  333.  #half{
  334.      width:590px;
  335.      height: 1000px;
  336.      position: fixed;
  337.      background-color:#ffffff;
  338.      z-index: -100;
  339.      margin: -30px 0px 0px -30px;
  340.      border: 2px solid {color:sidebarborder};
  341.  }
  342.  
  343.  #corner{
  344.      width: 200px;
  345.      height:200px;
  346.      margin: 300px 0px 0px 1300px;
  347.      position:fixed;
  348.  }
  349.  
  350.  #tags{
  351.      margin: 20px 0px -20px 0px;
  352.  }
  353.  
  354.  #link1{
  355.      background-color:{color:customlinkbackground};
  356.      width:100px;
  357.      height:15px;
  358.      margin: 285px 0px 0px 50px;
  359.      position:fixed;
  360.      padding: 5px;
  361.      z-index: 1;
  362.      border: 1px solid {color:linksborder};
  363.  }
  364.  
  365. #link2{
  366.      background-color:{color:customlinkbackground};
  367.      width:100px;
  368.      height:15px;
  369.      margin: 320px 0px 0px 50px;
  370.      position:fixed;
  371.      padding: 5px;
  372.      z-index: 1;
  373.      border: 1px solid {color:linksborder};
  374. }
  375.  
  376. #link3{
  377.      background-color:{color:customlinkbackground};
  378.      width:100px;
  379.      height:15px;
  380.      margin: 355px 0px 0px 50px;
  381.      position:fixed;
  382.      padding: 5px;
  383.      z-index: 1;
  384.      border: 1px solid {color:linksborder};
  385. }
  386.  
  387. #link4{
  388.      background-color:{color:customlinkbackground};
  389.      width:100px;
  390.      height:15px;
  391.      margin: 390px 0px 0px 50px;
  392.      position:fixed;
  393.      padding: 5px;
  394.      z-index: 1;
  395.      border: 1px solid {color:linksborder};
  396. }
  397.    
  398.     #link1:hover{
  399.          -webkit-transition: all 0.2s ease-in-out;
  400.         -moz-transition: all 0.2s ease-in-out;
  401.         -o-transition: all 0.2s ease-in-out;
  402.         -ms-transition: all 0.2s ease-in-out;
  403.         transition: all 0.2s ease-in-out;
  404.         padding-top: 10px;
  405.     }
  406.  
  407. #link2:hover{
  408.          -webkit-transition: all 0.2s ease-in-out;
  409.         -moz-transition: all 0.2s ease-in-out;
  410.         -o-transition: all 0.2s ease-in-out;
  411.         -ms-transition: all 0.2s ease-in-out;
  412.         transition: all 0.2s ease-in-out;
  413.         padding-top: 10px;
  414.     }
  415.    
  416.     #link3:hover{
  417.          -webkit-transition: all 0.2s ease-in-out;
  418.         -moz-transition: all 0.2s ease-in-out;
  419.         -o-transition: all 0.2s ease-in-out;
  420.         -ms-transition: all 0.2s ease-in-out;
  421.         transition: all 0.2s ease-in-out;
  422.         padding-top: 10px;
  423.     }
  424.    
  425.     #link4:hover{
  426.          -webkit-transition: all 0.2s ease-in-out;
  427.         -moz-transition: all 0.2s ease-in-out;
  428.         -o-transition: all 0.2s ease-in-out;
  429.         -ms-transition: all 0.2s ease-in-out;
  430.         transition: all 0.2s ease-in-out;
  431.         padding-top: 10px;
  432.     }
  433.          
  434. </style>
  435.  
  436.  <body>
  437.  
  438.  
  439.     <div id ="header">
  440.  </div>
  441.  
  442.  <div id ><img id = "img" src ="{image:sidebar}"></div>
  443.  </div>
  444.  <div id ="desc"><td>{MetaDescription}</td>
  445.  </div>
  446.  
  447.   <div id ="title"><td>{Title}</td>
  448.  </div>
  449. <a href = "/"><div id ="home">Home</div>
  450.  
  451. <a href = "/ask"><div id ="ask">Ask</div>
  452.  
  453. <a href = "/archive"><div id ="archive">Archive</div>
  454.    
  455. <a href = "http://rokuthemes6.tumblr.com/"><div id ="credits">Credits</div></a>
  456.  
  457. <div id = "line1">__________</div>
  458. <div id = "line2">__________</div>
  459. <div id = "line3">_______________________</div>
  460.  
  461. <div id = "half"></div>
  462.  
  463. <div id ="corner"><img src ="http://fc04.deviantart.net/fs71/f/2010/324/9/b/rukia_render___farewell_scene___by_ashialtair-d337eb9.png"></div>
  464.  
  465. <a href = "{text:link1}"><div id ="link1">{text:link1title}</div>
  466.  
  467. <a href = "{text:link2}"><div id ="link2">{text:link2title}</div>
  468.  
  469. <a href = "{text:link3}"><div id ="link3">{text:link3title}</div>
  470.    
  471. <a href = "{text:link4}"><div id ="link4">{text:link4title}</div>
  472.  
  473. {block:posts}
  474.  
  475.  
  476.  <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
  477. </div></div></div>
  478.  
  479.  
  480.  
  481. <div id="entries">
  482. <div id="posts">
  483.  
  484. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  485.  
  486. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  487.  
  488. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  489. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  490.  
  491. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  492. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  493.  
  494. {block:Photoset}<center>{Photoset-500}</center>
  495. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  496.  
  497. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  498.  
  499. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  500.  
  501. {block:Answer}<img src="{AskerPortraitURL-40}" align="center" class="askborder"><div class="ask"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  502.  
  503.  
  504. {block:Audio}<div id="_">{AudioPlayerWhite}<br>
  505. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  506.  
  507. <div id="info"><center>{block:Date}<a href="{Permalink}"><a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br><i>reblogged from</i> <a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource} <i>originally from</i> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center></div><p>
  508.  
  509.  
  510.  
  511.  
  512. <ul class="like_and_reblog_buttons">
  513.               <li>{ReblogButton}</li>
  514.               <li>{LikeButton}</li>
  515.           </ul>
  516.  
  517. <div id= "tags">
  518. {block:HasTags}{block:Tags}<b>六</b> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div>
  519. <br />
  520. </div>
  521.  
  522.  
  523.  
  524.  
  525. {/block:Posts}
  526.  
  527.  
  528. </div>
  529. </div>
  530.  
  531. </div>    
  532.      
  533.      
  534.      
  535.      
  536.      
  537.      
  538.      
  539.      
  540.  </body>
  541.  </head>
  542.  </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!