API tools faq
paste
apenassimplesversos

Base appearance 02

apenassimplesversos
May 14th, 2012
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <!--
  5. All theme by d-esequilibrio
  6. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  12.     <title>{Title} {block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  13.    
  14.     <!-- DEFAULT COLORS -->
  15.     <meta name="color:Main Background" content="#ffffff"/>
  16.     <meta name="color:Title Background" content="#000000"/>
  17.     <meta name="color:Title Border" content="#666666"/>
  18.     <meta name="color:Heading Color" content="#171717"/>
  19.     <meta name="color:sidebar" content="#aaaaaa"/>
  20.     <meta name="color:Image Background" content="#eeeeee"/>
  21.    
  22.     <meta name="if:Show notes" content="1">
  23.     <meta name="text:Disqus Shortname" content="" />
  24.               <meta name="color:sidebar" content="#FFFFFF" />
  25.               <meta name="image:minigif" content="" />
  26.               <meta name="color:text" content="#000000" />
  27.               <meta name="color:post" content="#fff" />
  28.               <meta name="text:title" content="duas palavras" />
  29.               <meta name="text:Link1" content="/" />
  30.               <meta name="text:Link1 Title" content="link" />
  31.               <meta name="text:Link2" content="/" />
  32.               <meta name="text:Link2 Title" content="link" />
  33.               <meta name="text:Link3" content="/" />
  34.               <meta name="text:Link3 Title" content="link" />
  35.               <meta name="text:Link4" content="/" />
  36.               <meta name="text:Link4 Title" content="link" />
  37.               <meta name="text:Link5" content="/" />
  38.               <meta name="text:Link5 Title" content="link" />
  39.               <meta name="text:Link6" content="/" />
  40.               <meta name="text:Link6 Title" content="link" />
  41.               <meta name="color:bglinks" content="#ffffff" />
  42.               <meta name="color:bglinkshover" content="#000000" />
  43.               <meta name="color:links" content="#000000" />
  44.               <meta name="color:linkshover" content="#ffffff" />
  45.  
  46.   <link rel="shortcut icon" href="{Favicon}"/>
  47.   <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  48.  
  49.   <!-- iPhone -->
  50.   <meta name="viewport" content="width=900"/>
  51.   <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  52.    
  53.     <style type="text/css" media="screen">
  54.       body {
  55.         background: {color:Main Background};
  56.         color: {color:Text Color};
  57.         font: normal 14px/1.45em Helvetica, Arial, sans-serif;
  58.         margin: 0;
  59.         padding: 0;
  60.       }
  61.      
  62.       a, a:active, a:visited {
  63.         color: {color:Link Color};
  64.         font-weight: bold;
  65.         text-decoration: none;
  66.       }
  67.      
  68.       a:hover {
  69.         text-decoration: underline;
  70.       }
  71.      
  72.       h1, h2, h3, h4, h5, h6 {
  73.         color: {color:Heading Color};
  74.         margin: 0;
  75.         padding: 0;
  76.       }
  77.      
  78.       blockquote, p, ol, ul {
  79.         margin-top: 0;
  80.         margin-bottom: 1.5em;
  81.       }
  82.      
  83.       blockquote {
  84.         border-left: 2px solid #333;
  85.         font-style: italic;
  86.         margin: 0 2em 1.5em 1.5em;
  87.         padding-left: 1em;
  88.       }
  89.      
  90.      
  91.       /* TITLE */
  92.       #title {
  93.         background: {color:Title Background};
  94.         border-bottom: 5px solid {color:Title Border};
  95.         color: {color:Main Background};
  96.         font-size: 1.5em;
  97.         line-height: .55em;
  98.         padding: 1em 6em 0;
  99.       }
  100.      
  101.       #title a {
  102.         color: {color:Main Background};
  103.       }
  104.      
  105.      
  106.       /* LAYOUT */
  107.       #content, #previous-next {
  108.         margin: 3em 25.5em 3em  9em;
  109.         min-width: 480px;
  110.       }
  111.      
  112.       #sidebar {
  113.         float: right;
  114.         margin: 3em 7.5em 0 0;
  115.         width: 15em;
  116.       }
  117.      
  118.       #previous-next {
  119.         clear: right;
  120.       }
  121.  
  122.      
  123.       /* SIDEBAR */
  124. .linkss {margin-top: 0px; margin-left: 0px; line-height: auto; width: 241px; padding: 0px; position: absolut; background-color: {color:top}; color: {color:background}; text-align: center; font-family: georgia; font-size: 9px; text-transform: lowercase; letter-spacing: 0px}
  125. .linkss a {color:{color:background};}
  126.  
  127. .links {font-size:9px;text-align:center;padding-bottom:3px;}
  128. .sidebar {width: 240px; height: auto; top: 55px; left:206px; padding: 0px; background-color: {color:sidebar}; text-align: center; position: fixed;}  
  129.      
  130.      
  131.    
  132.     /* COLOPHON */
  133.     #colophon {
  134.       border-top: 1px solid {color:Title Border};
  135.       margin-top: 4.5em;
  136.       text-align: right;
  137.     }
  138.    
  139.     #colophon li {
  140.       font-size: .85em;
  141.     }
  142.  
  143.        
  144.         /* Search Result Count */
  145.         #searchresultcount {
  146.             margin: 0 0 3em;
  147.         }
  148.      
  149.      
  150.       /* CONTENT */
  151.       #content h3 {
  152.         font-size: 1.3em;
  153.         margin-bottom: .5em;
  154.       }
  155.      
  156.      
  157.       /* DATES */
  158.       .date {
  159.         position: absolute;
  160.         left: 2.5em;
  161.         text-transform: uppercase;
  162.         width: 3.5em;
  163.       }
  164.      
  165.       .date .day {
  166.         font-size: 1.3em;
  167.       }
  168.      
  169.       .date a {
  170.         border-top: 1px solid #aaa;
  171.         display: block;
  172.         font-size: 1.5em;
  173.         font-weight: normal;
  174.         margin-top: .25em;
  175.         padding-top: .25em;
  176.         text-align: right;
  177.       }
  178.      
  179.       /* POST STYLES */
  180.       #oquevemnadireita {float: left; margin-left: 300px; margin-top: 26px;}
  181. .vicftpost {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px;}
  182. h1 {font-family: georgia; text-align: center; font-size: 17px; color: {color:text}; font-weight: normal; line-height: 17px;}
  183. h1 a {text-align: center; font-size: 17px; color: {color:text}; font-weight: normal; line-height: 17px;}
  184. h1 a:hover {text-align: center; font-size: 17px; color: {color:text}; font-weight: normal; line-height: 17px;}
  185.  
  186. .image {text-align: center; border: 0px}
  187. .image img {max-width: 500px; margin-bottom: 2px }
  188.  
  189. .oiqqtt {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  190. .oiqqtts {text-align: center; text-transform: none; margin-bottom: 5px;}
  191. .oiqqtts a, a:hover{text-transform: none;}
  192.  
  193. .chat {line-height: 13px; list-style: none }
  194. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  195. .person1 {color: {color:text}; padding: 2px; }
  196. .person1 .label {font-weight: bold;  color:{color:text}}
  197. .person2 {color: {color:text}; padding: 2px;  }
  198. .person2 .label {font-weight: bold;  color:{color:text}}
  199.  
  200. .player {background-color: #000; text-align: left; display:block;}
  201.  
  202. #asker {font-size: 11px; font-family: verdana; text-align: justify;}
  203. .answer {padding: 2px; font-size: 11px;  }
  204. .answer img {max-width: 500px;}
  205.  
  206. #oidata {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  207. #oidata a {font-size: 9px;}
  208.  
  209. .tags {color: {color:link};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  210. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  211.  
  212. #cap {width: 500px; margin-top: -2px;}
  213. .source {display: none;}
  214.  
  215. .notes {width: 500px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: right}
  216. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  217. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  218. .notes img{display: none; border:0px}
  219.  
  220. ::-webkit-scrollbar{width:7px;height:3px;}
  221. ::-webkit-scrollbar-button:start:decrement
  222. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  223. ::-webkit-scrollbar-track-piece{background-color: {color:sidebar}; border: 1px solid {color:borda}; opacity: 0.5;}
  224.  
  225. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll}; }
  226.  
  227. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};}
  228.  
  229. #tumblr_controls{position: fixed!important}
  230. #tumblr_controls{position: fixed!important}
  231. #tumblr_controls{position: fixed!important}
  232. #tumblr_controls{position: fixed!important}
  233.       /* CUSTOM CSS */
  234.       {CustomCSS}
  235.  
  236. #top {margin-left: -530px; margin-top: -170px; width: 519px; height: 20px; position:fixed; overflow:hidden; background: #fff; border-top: 49px solid {color:background}; z-index: 9999}
  237.  
  238. .mimg1{margin-top:-35px; margin-left: 30px; padding: 5px; background: {color:sidebar}; box-shadow: 3px 3px 5px 0px #696969; position:fixed; overflow:hidden; -webkit-transform: rotate(-15deg)}
  239. .mimg1 img {width: 110px; height: auto}
  240.  
  241. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  242.  
  243. .x1 {clear: both; float: left; width: 87px; margin-top: 1px; text-align: center; margin-left: 0px;}
  244. .x1 a {float: left; margin-right: 1px; display: block; width: 87px; letter-spacing: 0px; font-family: tinytots; font-size: 8px; text-align: center; margin-bottom: 1px; background-color: {color:bglinks}; color:{color:links}; text-decoration: none; text-transform: uppercase; height: 8px; line-height: 8px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; padding: 4px;}
  245. .x1 a:hover {letter-spacing: 0px; background-color: {color:bglinkshover}; color:{color:linkshover};}
  246.  
  247. .ander {float: left; padding: 0px;}
  248. .ander img {display: inline; margin-right:-9px; width: 89px; margin-left: 0px; margin-top: 0px; height: auto; text-align:center; margin-bottom: 0px; border: 3px solid {color:text};}
  249.  
  250. /*** Paginação  ***/
  251. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  252. #paginal a {background: {color:description}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:descriptiontext};}
  253. #paginal a:hover {background: {color:descriptiontext}; color: {color:description};}
  254. #paginal span.pagina_atual {background: {color:description}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:descriptiontext}; font-weight: bold; text-decoration: none;}
  255. .ps {position: fixed; padding: 5px; width: 200px; height: 10px; margin-top: 4px; background-color: {color:description}; color: {color:descriptiontext}; margin-left: -5px;}
  256.  
  257.     </style>
  258.  
  259. <!--[if lt IE 7]>
  260.  <style type="text/css" media="screen">
  261.    #sidebar {
  262.      margin: 3em 3.75em 0 2.5em;
  263.    }
  264.  </style>
  265. <![endif]-->
  266. </head>
  267. <body>
  268.  
  269. <div class="sidebar2">
  270. <div class="mimg1">
  271. <div class="x1">
  272. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  273. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  274. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  275. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  276. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  277. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  278. <a href="http://d-esequilibrio.tumblr.com/">© d-esequilibrio</a>
  279. <img src="{image:minigif}"/>
  280. {text:title}
  281. <div class="ps"><div id="paginal">
  282. <center>{block:JumpPagination length="8"}
  283. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  284. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  285. {/block:JumpPagination}</center>
  286. </div></div>
  287. </div>
  288.  
  289.  
  290. </div></div>
  291.     </ul>
  292.  
  293. </div>
  294.  
  295.  
  296. <div id="post">
  297. <div id="oquevemnadireita">
  298.  
  299.  {block:Posts}
  300. <div class="vicftpost">
  301.  
  302. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  303.  
  304. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  305.  
  306. {block:Photoset}{Photoset-500}{/block:Photoset}
  307.  
  308. {block:Quote}
  309. <div class="oiqqtt">“{Quote}”</div>
  310. {block:Source}<div class="oiqqtts"> ~ {Source}</div>
  311. {/block:Source}
  312. {/block:Quote}
  313.  
  314. {block:Link}
  315. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  316. {block:Description}{Description}{/block:Description}
  317. {/block:Link}
  318.  
  319. {block:Chat}
  320. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  321. <div class="chat"><ul>{block:Lines}
  322. <li class="person{UserNumber}">{block:Label}
  323. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  324. {/block:Chat}
  325.  
  326. {block:Audio}
  327. <div class="player">{AudioPlayerBlack}</div>
  328. {block:Caption}{Caption}{/block:Caption}
  329. {/block:Audio}
  330.  
  331. {block:Video}{Video-500}{/block:Video}
  332.  
  333.  
  334. {block:Answer}
  335. <div id="asker"><b>{Asker} sussurrou:</b> "{Question}"</div>
  336. <div class="answer">{Answer}</div>
  337. {/block:Answer}
  338.  
  339.  
  340. <div id="cap">
  341. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  342. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  343. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  344.  
  345. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  346.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  347.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  348. {/block:ContentSource}</div></div>
  349. <br>
  350.  
  351.  
  352. <div id="oidata">
  353. {block:Date}<div class="tags">{block:HasTags}<b>slap:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  354. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} - <a href="{ReblogUrl}" target="_blank"><b>reblog</b> this shit</a>{/block:IndexPage}
  355. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} - via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  356. {/block:RebloggedFrom}
  357. </div>
  358. </div>{/block:Date} {/block:Posts}
  359. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  360.  
  361.  
  362. </body>
  363. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!