Advertisement
umapequenapoeta

theme 91

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