API tools faq
paste
Advertisement
Guest User

TranslucentColors by GayForBieber|Tumblr

a guest
Jan 7th, 2012
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.69 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME TRANSLUCENTCOLORS
  2. MADE BY CHANSE (GAYFORBIEBER|TUMBLR) PLEASE DO NOT DISTRIBUTE OR EDIT AND CLAIM AS YOURS. THANK YOU!-->
  3.  
  4. <html>
  5. <head>
  6.         <!--DEFAULT VARIABLES-->
  7.         <meta name="color:background" content="fffaee" />
  8.         <meta name="color:sbar" content="fff7de" />
  9.         <meta name="color:entries" content="fff7de" />
  10.         <meta name="color:info" content="fffaee" />
  11.         <meta name="color:slink" content="fff7de" />
  12.         <meta name="color:scroll" content="685334" />
  13.         <meta name="color:solid" content="fffaee" />
  14.        
  15.         <meta name="color:title" content="423c2d" />
  16.         <meta name="color:text" content="423c2d" />
  17.         <meta name="color:link" content="685334" />
  18.         <meta name="color:link hover" content="a29178" />
  19.        
  20.         <meta name="font:body" content="arial" />
  21.         <meta name="font:title" content="georgia" />
  22.        
  23.         <meta name="image:sidebar" content="" />
  24.         <meta name="image:background" content="" />
  25.        
  26.         <meta name="text:custom title" content"" />
  27.         <meta name="text:custom title font size" content="17" />
  28.        
  29.         <meta name="text:link1 title" content="link1" />
  30.         <meta name="text:link1 url" content="" />
  31.         <meta name="text:link2 title" content="link2" />
  32.         <meta name="text:link2 url" content="" />
  33.         <meta name="text:link3 title" content="link3" />
  34.         <meta name="text:link3 url" content="" />
  35.         <meta name="text:link4 title" content="link4" />
  36.         <meta name="text:link4 url" content="" />
  37.         <meta name="text:link5 title" content="link5" />
  38.         <meta name="text:link5 url" content="" />
  39.        
  40.         <meta name="text:descrip link1 title" content="home" />
  41.         <meta name="text:descrip link1 url" content="/" />
  42.         <meta name="text:descrip link2 title" content="askbox" />
  43.         <meta name="text:descrip link2 url" content="/ask" />
  44.         <meta name="text:descrip link3 title" content="archive" />
  45.         <meta name="text:descrip link3 url" content="/archive" />
  46.        
  47.        
  48. <title>{title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50.  
  51. <style type="text/css">
  52.    
  53. body {
  54. color:{color:text};
  55. background-color:{color:background};
  56. background-image: url('{image:background}');
  57. background-position:bottom right;
  58. background-attachment:fixed;
  59. background-repeat:no-repeat;
  60. font-size:10px;
  61. font-family:{font:body};
  62. line-height:105%;
  63. text-align:justify}
  64.  
  65.    
  66. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height:50px;}
  67. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll}; height:7px}
  68. ::-webkit-scrollbar {background-color:{color:background}; height:7px; width:7px;}
  69.    
  70. b, .strong, strong {color:{color:link}}  
  71. br {margin-top:1px; margin-bottom:1px}
  72. blockquote {margin:0.5em 0px; padding-left:10px; border-left:2px solid {color:text}; font-size:9px}
  73. blockquote {padding:0px 0px 0px 5px; margin:0px 0px 0px 1px; border-left: 2px solid {color:text}}
  74. ol {margin-left:-36px}
  75. ul {margin-left:-10px}
  76.  
  77. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  78.    
  79. a:hover{-webkit-transition: all 0.4s ease-out; -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: initial; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color:{color:link hover}; font-weight:none;}
  80.  
  81. ::selection {background-color: transparent;
  82. color:{color:link}}
  83.  
  84. #entries {background-color:{color:entries}; max-width:500px; margin-left: 410px; margin-top:20px; padding-top:5px; padding-left:5px; padding-right:5px}
  85. #posts {margin-top:5px; max-width: 500px;}
  86.  
  87. #title {color:{color:title}; size:{text:title font size}; font-family:{font:title}; margin-top:-16px; margin-left:0px; position:fixed;}
  88.  
  89. #sbar {-moz-border-radius: 4px; border-radius: 3px; background-color:{color:sbar}; max-width: 200px; margin-top:200px; margin-left: 180px; padding:5px; position:fixed; height:100%;}
  90.  
  91. #nav {background-color:000000; width:200px; height:12px; margin-bottom:-8; margin-top:-18; padding:3px 0 3px 0; text-align:center; opacity:0.90}
  92.  
  93. #pagination {margin-left: 50px; margin-top: 17px; position:fixed; font-size:9px; text-align:center}
  94.  
  95. #info {-moz-border-radius: 2px; border-radius: 1.9px;background-color:{color:info}; width: 500px; height: 14px; position: center; margin-top:6px; padding:}
  96. #source {background-color:{color:background}; opacity:1; (opacity=40); width: 500px; height: 25px; margin-left:-5px; margin-top:-26px; padding:5px; text-align:right}
  97. #notes {margin-top:20px}  
  98.  
  99. #slink {; display: block; position:fixed;background-color:{color:background}; margin-top: 225px;margin-left:980px;font-size: 11px;font-family: {font:text};text-decoration: none;text-align: LEFT;padding: 4px;letter-spacing: 1px; height:100px; width:90px}
  100. #idk {margin-left:3.5px; width:90px; border-left:3px {color:link} solid; background-color:{color:slink}; width:100px; height:12px; padding-left:5px; padding-top:5px; padding-bottom:3px; padding-right:3.3px; margin-top:-8px}
  101. #idk:hover, #idk.a{border-right:4px {color:link} solid; border-top-right-radius: 10px; border-bottom-right-radius: 10px;  background-color:{color:solid}; opacity:0.65; -webkit-transition: 0.3s ease-out;
  102.     -webkit-transition-property: ;
  103.     -webkit-transition-duration: 0.3s;
  104.     -webkit-transition-timing-function: ease-in;
  105.     -webkit-transition-delay: initial; -moz-transition: 0.3s ease-out;
  106.     transition: 0.3s ease-out; color:}
  107. #idk a:hover {-webkit-transition:0.3s linear}
  108.    
  109. #icon {margin-bottom:17px; margin-left:23px; padding:4px 4px 4px 4px; background-color:{color:slink}}
  110.  
  111. #reblogsourcebox {font-size:11px; text-decoration:none; background-color:{color:background}; opacity: 0.00; width:200px; height:10px; padding: 5px 150px 7px 150px; position:absolute; text-align:center; -webkit-transition: 0.5s ease-out;
  112.     -webkit-transition-property: ;
  113.     -webkit-transition-duration: 0.5s;
  114.     -webkit-transition-timing-function: ease-out;
  115.     -webkit-transition-delay: initial; -moz-transition: 0.5s ease-out;
  116.     transition: 0.5s ease-out;}
  117. #posts:hover #reblogsourcebox {background-color:{color:background}; opacity: 0.92; -webkit-transition: 0.25s ease-in;
  118.     -webkit-transition-property: ;
  119.     -webkit-transition-duration: 0.25s;
  120.     -webkit-transition-timing-function: ease-in;
  121.     -webkit-transition-delay: initial; -moz-transition: 0.25s ease-in;
  122.     transition: 0.25s ease-in;}
  123. #reblogsourcebox a {color:{color:text}}
  124.  
  125. #linkk {font-size:13}
  126. #linkk a {color:{color:text}; font-family:{font:text}}
  127.  
  128. #texttitle {font-size:13px;}
  129. </style type>
  130.  
  131.  
  132. <div id="sbar">
  133. <div id="title">{text:custom title}</div>
  134. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}" width="200px"></a></div>
  135.  
  136. <div id="nav">
  137.         <a href="{text:descrip link1 url}">{text:descrip link1 title}</a> <font size="1">-</font>
  138.         <a href="{text:descrip link2 url}">{text:descrip link2 title}</a> <font size="1">-</font>
  139.         <a href="{text:descrip link3 url}">{text:descrip link3 title}</a> <font size="1">-</font>
  140.         <a href="http://gayforbieber.tumblr.com/tagged/themes">theme</a>
  141.         <p>{block:Description}{Description}{/block:Description}<p>
  142.         <br></div></div>
  143.  
  144.  
  145. <div id="slink">
  146. <div id="icon"><img src="{portraitURL-64}" width="59" class="imdava"></div>
  147. <div id="idk"><a href="{text:link1 url}">{text:link1 title}</a></div><br>
  148. <div id="idk"><a href="{text:link2 url}">{text:link2 title}</a></div><br>
  149. <div id="idk"><a href="{text:link3 url}">{text:link3 title}</a></div><br>
  150. <div id="idk"><a href="{text:link4 url}">{text:link4 title}</a></div>
  151. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&#171; </a>{/block:PreviousPage}{currentpage}/{totalpages}
  152. {block:NextPage}<a href="{NextPage}"> &#187;</a>
  153. {/block:NextPage}</div></div>
  154.    
  155.     <div id="entries">
  156.         {block:Posts}
  157.         <div id="posts">
  158.                 {block:Text}
  159.                     <div class="post text">
  160.                         {block:Title}
  161.                          <div id="texttitle">{Title}</div>
  162.                         {/block:Title}
  163.                         {Body}
  164.                     </div>
  165.                 {/block:Text}
  166.  
  167.                 {block:Photo}
  168.                     <div class="post-photo">
  169.                     <div id="reblogsourcebox"><a href="{ReblogURL}" target="_blank">reblog</a> {block:ContentSource}|  <a href="{SourceURL}">@{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
  170.                         <img src="{PhotoURL-500}" width="500px" />
  171.                        {block:Caption}{Caption}{/block:Caption}
  172.                     </div>
  173.                 {/block:Photo}
  174.  
  175.                 {block:Photoset}
  176.                     <div class="post photoset">
  177.                         {Photoset-500}
  178.  
  179.                         {block:Caption}
  180.                             <div class="caption">{Caption}</div>
  181.                         {/block:Caption}
  182.                     </div>
  183.                 {/block:Photoset}
  184.  
  185.                 {block:Quote}
  186.                     <div class="post quote">
  187.                         "{Quote}"
  188.  
  189.                         {block:Source}
  190.                             <div class="source">{Source}</div>
  191.                         {/block:Source}
  192.                     </div>
  193.                 {/block:Quote}
  194.  
  195.                 {block:Link}
  196.                     <div class="post link">
  197.                         <div id="linkk"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  198.  
  199.                         {block:Description}
  200.                             <div class="description">{Description}</div>
  201.                         {/block:Description}
  202.                     </div><br>
  203.                 {/block:Link}
  204.  
  205.                 {block:Chat}
  206.                     <div class="post chat">
  207.                         {block:Title}
  208.                             <h3><a href="{Permalink}">{Title}</a></h3>
  209.                         {/block:Title}
  210.  
  211.                         <ul class="chat">
  212.                             {block:Lines}
  213.                                 <div class="{Alt} user_{UserNumber}">
  214.                                     {block:Label}
  215.                                         <span class="label">{Label}</span>
  216.                                     {/block:Label}
  217.  
  218.                                     {Line}
  219.                                 </div>
  220.                             {/block:Lines}
  221.                         </ul>
  222.                     </div>
  223.                 {/block:Chat}
  224.  
  225.                 {block:Video}
  226.                     <div class="post video">
  227.                         {Video-500}
  228.  
  229.                         {block:Caption}
  230.                             <div class="caption">{Caption}</div>
  231.                         {/block:Caption}
  232.                     </div>
  233.                 {/block:Video}
  234.  
  235.                 {block:Audio}
  236.                     <div class="post audio">
  237.                         {AudioPlayerBlack}
  238.  
  239.                         <ul>{block:Caption}
  240.                             <div class="caption">{Caption}</div>
  241.                         {/block:Caption}</ul>
  242.                         {block:TrackName}
  243.                         <b>Track Name:</b> {TrackName}
  244.                         {/block:TrackName}<br>
  245.                         {block:Artist}
  246.                         <b>Artist:</b> {Artist}
  247.                         {/block:Artist}<br>
  248.                         {block:Album}
  249.                         <b>Album:</b> {Album}
  250.                         {/block:Album}<br>
  251.                         <b>{PlayCountWithLabel}</b><br>
  252.                         {block:ExternalAudio}<b><a href="{externalaudio}">Download Here</a></b>{/block:ExternalAudio}
  253.                     </div>
  254.                 {/block:Audio}
  255.                
  256.                 {block:Answer}<img src="{AskerPortraitURL-64}" width="37" align="left" style="margin-right:5px;" /><u>{Asker} said</u>:<br>{Question}<br><hr noshade="noshade" size="1px" align="center" color="{color:solid}">{answer}{/block:answer}<p>
  257.                
  258.                
  259.                
  260. <div id="info"><ol>{block:Date} Posted <a href="{permalink}">{timeAgo}</a>{/block:Date}{block:NoteCount} with <font color="{color:link}">{NoteCountWithLabel}</font><p><br><div id="notes">{PostNotes}</div>{/block:NoteCount}{block:rebloggedfrom}{ReblogParentName}{/block:rebloggedfrom}</ul><p></div>
  261.                  
  262. {block:HasTags}Tagged as {block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  263. <p><br>
  264.  
  265. <div id="source">
  266. </div>
  267.             {/block:Posts}
  268.       </div></div></div></div>
  269.  
  270. </body>
  271. </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!