Advertisement
umapequenapoeta

theme 98

Oct 22nd, 2013
11,618
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.58 KB | None | 0 0
  1.    <!-- theme por PROMISSE + base a-rticulada?-->
  2.      
  3.     <html>
  4.     <head>
  5.    
  6. <!-- DEFAULT VARIABLES -->
  7.  
  8.  
  9.  
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="color:sidebar" content="#ffffff" />
  12. <meta name="color:post" content="#ffffff" />
  13. <meta name="color:text" content="#696969" />
  14. <meta name="color:text sidebar" content="#696969" />
  15. <meta name="color:all" content="#696969" />
  16. <meta name="color:link" content="#696969" />
  17. <meta name="color:borda" content="#eee" />
  18. <meta name="color:ask" content="#eeeeee" />
  19. <meta name="color:bgnotes" content="#eee"/>
  20. <meta name="color:bglinks" content="#696969"/>
  21. <meta name="color:textnotes" content="#696969"/>
  22. <meta name="color:linhacoluna" content="#f1f1f1" />
  23.  
  24.  
  25.     <meta name="image:bgcoluna" content="http://static.tumblr.com/dcslupi/WFzmqcrf7/background.jpg" />
  26.    
  27.     <meta name="color:bglinkshover" content="#000000" />
  28. <meta name="color:linkshover" content="#ffffff" />
  29.  
  30.  
  31. <meta name="image:background" content="" />
  32. <meta name="image:sidebar" content="http://static.tumblr.com/49d2bbac270438f49645d6d37832d2d3/dcslupi/pDgn26cmh/tumblr_static_tumblr_mcvtspnx0j1r6zyb4o1_400.jpg" />
  33. <meta name="if:Show tags" content="1"/>
  34. <meta name="text:titulo" content="If I open my heart?" />
  35.  
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="home" />
  38. <meta name="text:Link2" content="/ask" />
  39. <meta name="text:Link2 Title" content="ask" />
  40. <meta name="text:Link3" content="/" />
  41. <meta name="text:Link3 Title" content="link 3" />
  42. <meta name="text:Link4" content="/" />
  43. <meta name="text:Link4 Title" content="link 4" />
  44. <meta name="text:Link5" content="/" />
  45. <meta name="text:Link5 Title" content="link 5" />
  46. <meta name="text:Link6" content="/" />
  47. <meta name="text:Link6 Title" content="link 6" />
  48.      
  49.     <link rel="shortcut icon" href="{Favicon}" />
  50.      
  51.     <title>{Title}</title>      
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  56.  
  57. <style>
  58.  
  59. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  60.      
  61.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  62.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  63.        
  64.     #pagina {float: left; margin-left: 481px;}
  65.      
  66.     .post {width: 400px; background-color: {color:post}; padding: 10px; top: px; margin-bottom: 1px; margin-left: -30px; text-align: justify; font-family: calibri; font-size: 12px;  position:relative; color:{color:text}; border-left: 1px solid #eee; border: 1px solid {color:linhacoluna};  }
  67.      
  68.     h1 {font-family: calibri; text-align: left; font-size: 16px; text-transform: ; color: {color:text}; font-weight: normal; line-height: 18px;}
  69.     h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  70.     h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  71.      
  72.          .notes {width: 420px; margin-left: -20px; margin-top: 10px; margin-bottom: 1px; font-family: calibri; font-size: 12px; text-align: left}
  73.     ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  74.     ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  75.     .notes img{display: none; border:0px}
  76.    
  77.         .quotex {font-family: calibri;   font-style: oblique; text-align: justify; font-size: 13px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  78.     .quotex1 {font-family: calibri; font-size: 11px; font-style: oblique;  text-align: right; text-transform: none; margin-bottom: 5px; border-top: 1px solid #eee;}
  79.     .quotex1 a, a:hover{text-transform: none;}
  80.  
  81.     .chat {line-height: 13px; list-style: none }
  82.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  83.      
  84.     .imagepost {text-align: center; border: 0px}
  85.     .imagepost img {max-width: 400px; margin-bottom: 2px }
  86.     .imagepost:hover { opacity:0.95; }
  87.    
  88.     #info {margin-top: -32px; }
  89.  
  90.      
  91.     #cap {width: 400px; margin-top: -2px;}
  92.     .source {display: none;}
  93.  
  94.   #askheere {width:330px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#8d8a8a; background-color:#f1f1f1; border-radius:5px;font-size: 11px; font-family: verdana; }
  95.   #askheere a {color:##8d8a8a}
  96.  
  97.      #askhere2 {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; padding:10px; opacity:1; text-align:justify; background-color:{color:post}; border-radius:5px;}
  98.  
  99.    .askfoto {text-align:center; color:{color:text}; font:11px verdana; text-transform:none; border-radius:60px 60px 60px 60px; opacity:1; -webkit-transition-duration:.25s; }
  100.    .askfoto a{color:{color:text};}
  101.    .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  102.    .askfoto:hover { border-radius:60px; opacity:0.7; -webkit-transition-duration:.25s;}
  103.  
  104.    
  105. .tags {display: none;}
  106.  
  107.  
  108.  
  109.  
  110. /* oi */
  111.  
  112. #sbar {width: 250px;height: auto;margin-left: 0px;text-align: left;margin-top: 100px;position:fixed;}
  113.  
  114. #titulo {z-index:9999999;opacity: 0.5; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  115. #titulo :hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  116.  
  117. #titulo {z-index:999999999;background-color:transp; text-transform:;font-weight: italic; letter-spacing: 0px; color: {color:text}; text-align: center; width: 240px; height: px; left: 220px; font-family: sacramento; top: 98px; position: fixed; padding-top: 0px; opacity: 5; font-size: 20px; font-style: ; border-top:px solid {color:border};
  118. border-bottom:px solid {color:border}; padding-right: 6px;
  119. padding-left: 6px; line-height: 20px;
  120. height: 20px; }
  121.  
  122.  
  123. #description  {z-index:999999;position:fixed;width:190px;  margin-top: 205px; margin-left:238px;  padding:2px; background-color: transparent;color: {color:text}; font-size: 11px; font-family: calibri; text-align: center;   -webkit-transition-duration: 1.0s; border-bottom:px solid {color:bordas}; font-style: oblique; }      
  124.  
  125. #nav {position:fixed; width:51px;height: 320px; float: left; margin-left: 210px; margin-top:30px; padding: 0px; text-align: right;z-index:99 }
  126.  
  127. #nav a {float: left; margin-left: 2px; margin-top: 4px;display: block; letter-spacing: 0px; font-family: calibri;; font-size: 9px;  text-align: center; margin-bottom: 1px;text-transform:uppercase; width:30px; background-color:#f5f3f3 ; color:;; text-decoration: none; ;; height: 25px; padding: 1px;line-height:25px;-webkit-border-radius: 0px 0px 0px 0px; ;
  128. -webkit-border-radius: 0px 0px 0px 0px;  ;
  129. -webkit-border-radius: 17px 0px 17px 0px}}
  130.  
  131. #nav a:hover{ background: #fff; }
  132.  
  133. #sidebarimage {z-index:9;position:fixed;border:1px solid {color:ask};margin-left:250px;margin-top:15px;height:190px;-webkit-transition: all 1.2s ease-out;  -moz-transition: all 1.2s ease-out;}
  134. #sidebarimage img {width:182px;border:5px solid {color:background}; margin-bottom:-1px;height:180px;width:160px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  135. #sidebarimage img:hover {-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  136.  
  137.  
  138. @font-face {font-family:"little days"; src: url('http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf');}
  139.  
  140.  
  141. #s1{left: 435px; top: 105px; width: 4px; height: 180px; text-align: center; background-color: {color:borda}; position: fixed;  padding: 0px;}
  142. #s2{left: 270px; top: 115px; width: 180px; height: 4px; background-color: {color:borda}; position: fixed;  padding: 0px;}
  143.  
  144.  #pagination {padding:5px; width:162px; font-family:verdana; font-size:12px; text-align:center; background-color:; margin-top:0px; margin-left: 105px; font-size:22px; font-family:calibri; color:{color:link sidebar}; }
  145. #pagination a {padding:2px 3px 2px 3px; color:{color:link sidebar}; background-color:{color:background};}
  146.  
  147. #boxe {z-index:999999999999999margin-left:50px; margin-top: -40px; width: 616px; font-size: 22px; height: 100px; text-align: center; background-color: {color:sidebar}; font-family: georgia; line-height: 17px;  color: {color:text}; position: fixed;  padding:0px; overflow: visible;  border-top: 20px solid {color:background}; border-bottom: 3px solid {color:background};}
  148.  
  149.  
  150.  
  151.  
  152. #via {display: none}
  153.  
  154. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  155.  
  156. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  157.  
  158. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  159.  
  160. ::-webkit-scrollbar-corner {background-color:{color:post};}
  161.  
  162.  
  163. .cred {margin-left:20px; margin-top:20px; padding:5px; text-align: center; z-index:3; position: fixed;}
  164. .cred a {float: left; margin-right: 1px; font-family: Calibri; font-size:10px; margin-bottom:1px; width: 90px; background-color:none; color:{color:desc}; display: block; letter-spacing: 1px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  165. .cred a:hover{background-color:none ;color: {color:desc};text-align: center;}
  166.  
  167.  
  168.  
  169.      
  170. .noteinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px;  }
  171.  
  172. .notesinfo {position: absolute; background-color: {color:bgnotes}; text-align:right; margin-left: 0px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 2; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-transition-duration: .90s; background-image:url('{image:bgcoluna}');}
  173. .notesinfo a {color: {color:textnotes}; text-transform:uppercase;}
  174. .noteinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase;}
  175.  
  176. #tumblrcontrols2 {position:fixed; top:25px; right:5px;  z-index:999;}
  177. #tumblrcontrols2 a {opacity:1;}
  178. #tumblrcontrols2 a:hover {opacity:1;}
  179.  
  180. iframe#tumblr_controls {right:3px !important; position: fixed !important; z-index:99; z-index:19;}
  181.  
  182. ::-webkit-scrollbar {width: 7px; height: 5px;}
  183. ::-webkit-scrollbar-track-piece {background-color: #ffffff; repeat scroll 0 0 transparent;}  
  184. ::-webkit-scrollbar-thumb:vertical {height: 6px;background-color: #000000;}
  185. ::-webkit-scrollbar-thumb:horizontal {width: 6px;background-color: #000000;}
  186.  
  187.     </style>
  188.   <body>
  189.  
  190.  
  191.  
  192. </div>
  193.  
  194.  
  195.  
  196. <div id="sbar">
  197. <div id="s1"></div>
  198. <div id="s2"></div>
  199. <div id="nav">
  200. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  201. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  202. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  203. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  204. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  205. </div>
  206. <div id="titulo">{text:titulo}</div>
  207.  
  208. <center><div id="sidebarimage"><img src="{image:Sidebar}"/>
  209.    
  210.  </div></center>
  211. <div id="description">{block:Description}{Description}{/block:Description} <div id="pagination">
  212. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:CurrentPage}{PageNumber} {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}{block:Pagination}{/block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  213.  
  214. </div></div></div>
  215.  
  216.  
  217.     <div id="pagina">
  218.      
  219.      {block:Posts}
  220.      
  221.      
  222.      
  223.     <div class="post">
  224.    
  225.     <div class="noteinf">
  226.  
  227. <div class="notesinfo">
  228.  <a href="{Permalink}"</a>  <a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank">reblog</a></div>
  229.    
  230.    
  231.     {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  232.      
  233.     {block:Photo}{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  234.      
  235.  {block:Photoset}{Photoset-400}{/block:Photoset}
  236.     {block:Quote}
  237.     <div class="quotex">“{Quote}”</div>
  238.     {block:Source}<div class="quotex1"> {Source}</div>
  239.     {/block:Source}
  240.     {/block:Quote}
  241.      
  242.     {block:Link}
  243.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  244.     {block:Description}{Description}{/block:Description}
  245.     {/block:Link}
  246.      
  247.     {block:Chat}
  248.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  249.     <div class="chat"><ul>{block:Lines}
  250.     <li class="person{UserNumber}">{block:Label}
  251.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  252.     {/block:Chat}
  253.      
  254.     {block:Audio}
  255.     <div class="player">{AudioPlayerBlack}</div>
  256.     {block:Caption}{Caption}{/block:Caption}
  257.     {/block:Audio}
  258.      
  259.     {block:Video}{Video-500}{/block:Video}
  260.      
  261.          {block:Answer}
  262.     <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  263.          <div id="askheere">
  264.        <strong>{Asker}</strong> asked: {Question}<br /></div>
  265.         <div class="askshere2">    {Answer}
  266.     </div>{/block:Answer}
  267.    
  268.      
  269.     <div id="cap">
  270.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  271.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  272.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  273.      
  274.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  275.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  276.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  277.     {/block:ContentSource}</div></div></div>
  278.     <br>
  279.      
  280.     <div class="opant">
  281.     {block:Date}<div id="info">
  282.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  283.     </div></center>{/block:Date}</div>
  284.     </div>
  285.    
  286.      {/block:Posts}
  287.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  288.      
  289.  
  290.  
  291. </div></div>
  292.  
  293.  
  294.      
  295.  
  296.     </div>
  297.     </div>
  298.   <div id= "via">
  299.     <a href="{ReblogParentURL}"></a>    
  300. </div>  </div>    
  301.  
  302. <a style="position:fixed;left:5px;top:5px;font-family:calibri;font-size:10px;" href="http://promisse.tumblr.com" title="PROMISSE">THEME</a>
  303.  
  304.        
  305.     </body>
  306.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement