apenassimplesversos

base appearance 04

Jul 2nd, 2012
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.09 KB | None | 0 0
  1. <html>
  2.  <head>
  3. <meta name="color:bg" content="#f8f8f8" />
  4. <meta name="color:sidebar" content="#fff" />
  5. <meta name="color:post" content="#fff" />
  6. <meta name="color:text" content="#000" />
  7. <meta name="color:link" content="#000" />
  8. <meta name="color:link hover" content="#656565" />
  9. <meta name="color:scroll" content="#000" />
  10. <meta name="color:scrollbg" content="#fff" />
  11. <meta name="color:linkss" content="#000" />
  12. <meta name="color:sidlinks" content="#222222" />
  13. <meta name="color:sidlinks txt" content="#f0f0f0" />
  14.  
  15. <meta name="image:bg" content="" />
  16. <meta name="image:sidebar" content="" />
  17.  
  18. <meta name="text:Link1" content="" />
  19. <meta name="text:Link1 Title" content="link" />
  20. <meta name="text:Link2" content="" />
  21. <meta name="text:Link2 Title" content="link" />
  22. <meta name="text:Link3" content="" />
  23. <meta name="text:Link3 Title" content="link" />
  24. <meta name="text:Link4" content="" />
  25. <meta name="text:Link4 Title" content="link" />
  26. <meta name="text:Link5" content="" />
  27. <meta name="text:Link5 Title" content="link" />
  28. <meta name="text:Link6" content="" />
  29. <meta name="text:Link6 Title" content="link" />
  30. <meta name="text:Link7" content="" />
  31. <meta name="text:Link7 Title" content="link" />
  32.  
  33.  <meta name="text:Link7" content="" />
  34. <meta name="text:Link7 Title" content="link" />
  35. <meta name="text:Link8" content="" />
  36. <meta name="text:Link8 Title" content="link" />
  37.  
  38.  <meta name="text:title" content="T<br>i<br>t<br>u<br>l<br>o" />
  39.  
  40.  
  41.  
  42.  
  43. <title>{title}</title>
  44.  <link rel="shortcut icon" href="{Favicon}">
  45.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46.         {block:Description}
  47.   <meta name="description" content="{MetaDescription}" />
  48.         {/block:Description}
  49.  
  50. <style>
  51. body {background: {color:bg}; background-image: url('{image:bg}');font-family: 'Verdana'; font-size: -9px;}
  52.  
  53. a {color: {color:link}; text-decoration: none; text-transform: none;}
  54. a:hover {color: {color:link hover}; text-decoration: none;}
  55.  
  56. p {margin: 6px 0 0 0}
  57.  
  58. blockquote {margin: 5px 5px 5px 5px; border-left: 5px solid {color:background}; padding-left: 5px; }
  59. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  60. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebar}; }
  61. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  62.  
  63. blockquote img{max-width: 470px!important}
  64. blockquote blockquote img{max-width: 450px!important}
  65. blockquote blockquote blockquote img{max-width: 430px!important}
  66. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  67.  
  68.  
  69.  
  70. #theme {text-align: center; width: 835px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  71.  
  72. #post {float: left; margin-left: 250px;}
  73.  
  74. .post {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  75.  
  76. h1 {font-family: georgia; text-align: center; font-size: 16px;  color: {color:text}; text-transform: uppercase;  font-weight: normal; line-height: 18px;}
  77. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  78. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  79.  
  80. .image {text-align: center; border: 0px}
  81. .image img {max-width: 500px; margin-bottom: 2px }
  82.  
  83. .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  84. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  85. .quotesource a, a:hover{text-transform: none;}
  86.  
  87. .chat {line-height: 13px; list-style: none }
  88. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  89. .person1 {color: {color:text}; padding: 2px; }
  90. .person1 .label {font-weight: bold;  color:{color:text}}
  91. .person2 {color: {color:text}; padding: 2px;  }
  92. .person2 .label {font-weight: bold;  color:{color:text}}
  93.  
  94. .player {background-color: #000; text-align: left; display:block;}
  95.  
  96. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  97. .answer {padding: 2px}
  98. .answer img {max-width: 470px;}
  99.  
  100.  
  101. #date {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  102. #date a {font-size: 9px;}
  103.  
  104. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  105. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  106.  
  107. #cap {width: 500px; margin-top: -2px;}
  108. .source {display: none;}
  109.  
  110. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  111. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  112. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  113. .notes img{display: none; border:0px}
  114.  
  115.  
  116.  
  117. #sidebar {position: fixed; margin: 0px 0px 0px 150px;}
  118.  
  119. #sid{position: fixed; width: 150px; height: auto; margin-left: -1px; border-top: 6px solid {color:sidebar}; }
  120.  
  121. #image{ padding:5px; text-align:center; background-color: {color:sidebar}; margin-top: 1px; }
  122. #image img{width: 140px; height: 100px;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  123. #image img:hover{opacity:0.0; margin-left: 300px}
  124.  
  125. #image2{ padding:5px; text-align:center; background-color: {color:sidebar}; margin-top: 1px; }
  126. #image2 img{width: 90px; height: 88px;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  127. #image2 img:hover{opacity:0.7;}
  128.  
  129. #sidlinks{font-size: 9px; font-family: verdana; margin-left: 0px; width: auto; background-color: {color:linkss}; text-align: justify; padding: 2px; margin-top: 0px; height: auto; height:183px; border:1px solid {color:background};}
  130.  
  131. #sidlinks a {float: left;  display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width: 95px; background-color: {color:sidlinks}; height: 22px; color:{color:sidlinks txt}; text-decoration: none; text-transform: none; line-height: 22px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  132.  
  133. #sidlinks  a:hover{text-align: center; letter-spacing: 4px;}
  134.  
  135. #sidebartitle{margin-left: 100px; margin-top: 20px; width: 23px; font-size: 19px; height: 162px; text-align: center; background-color: {color:sidebar}; font-family: georgia;   color: {color:background}; position: fixed;  padding: 5px;  overflow: visible;  overflow: hidden; text-transform:uppercase; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  136.  
  137.  
  138.  
  139. .sidebarttitle{ width:20px; padding:5px;  font-size:16px; text-align: center;  line-height:130%; height:162px; position:fixed; color:{color:text}; margin-top:-5px; margin-left:-3px;}
  140.  
  141.  
  142. </style>
  143. <body>
  144. <div id="sidebar">
  145. <div id="sid">
  146. <div id="image"><img src="{image:sidebar}"></div>
  147. <div id="image2">
  148. <div id="sidlinks">
  149. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  150. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  151. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  152. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  153. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  154. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  155. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  156. <a href="http://d-esequilibrio.tumblr.com">Credit</a>
  157.  
  158. <div id="sidebartitle"><div class="sidebarttitle">{text:title}</div>
  159. <div id="post">
  160.  
  161.  {block:Posts}
  162. <div class="post">
  163.  
  164. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  165.  
  166. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  167.  
  168. {block:Photoset}{Photoset-500}{/block:Photoset}
  169.  
  170. {block:Quote}
  171. <div class="quote">“{Quote}”</div>
  172. {block:Source}<div class="quotesource"> — {Source}</div>
  173. {/block:Source}
  174. {/block:Quote}
  175.  
  176. {block:Link}
  177. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  178. {block:Description}{Description}{/block:Description}
  179. {/block:Link}
  180.  
  181. {block:Chat}
  182. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  183. <div class="chat"><ul>{block:Lines}
  184. <li class="person{UserNumber}">{block:Label}
  185. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  186. {/block:Chat}
  187.  
  188. {block:Audio}
  189. <div class="player">{AudioPlayerBlack}</div>
  190. {block:Caption}{Caption}{/block:Caption}
  191. {/block:Audio}
  192.  
  193. {block:Video}{Video-500}{/block:Video}
  194.  
  195.  
  196. {block:Answer}
  197. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  198. <div class="answer">{Answer}</div>
  199. {/block:Answer}
  200.  
  201.  
  202. <div id="cap">
  203. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  204. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  205. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  206.  
  207. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  208.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  209.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  210. {/block:ContentSource}</div></div>
  211. <br>
  212.  
  213.  
  214. <div id="date">
  215. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  216. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  217. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  218. {/block:RebloggedFrom}
  219. </div>
  220. </div>{/block:Date}
  221.  
  222.  
  223.  {/block:Posts}
  224. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  225.  
  226.  
  227.  
  228. </div>
  229. </div>
  230.  
  231.  
  232. </div>
  233.  
  234. </body>
  235. </html>
Advertisement
Add Comment
Please, Sign In to add comment