Advertisement
exodorado

27.theme: Aquatic world

Jul 9th, 2014
825
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.73 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!---------------------------------------------------------------------
  5.  
  6. theme: Aquatic world 。◕‿◕。
  7. theme by : exodorado.tumblr.com
  8. It is forbidden any copy or use of codes as the criminal law, article 184 © - 09/julho/2014.
  9. ● respect my work, do not remove the credits.
  10. ● do not use as a basis.
  11. ● if not inspires
  12.  
  13. ---------------------------------------------------------------------->
  14. <head>
  15. <title>{title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. <!------------------------------Aparência------------------------------->
  20.  
  21. <meta name="image:sidebar" content="http://static.tumblr.com/cir8k0k/T0Jn8garr/02.png"/>
  22. <meta name="color:writing" content="#aaaaaa" />
  23. <meta name="color:title" content="#aaaaaa" />
  24. <meta name="color:links" content="#aaaaaa" />
  25. <meta name="color:hover" content="#aaaaaa" />
  26. <meta name="color:strong" content="#aaa" />
  27. <meta name="color:italic" content="#696969" />
  28. <meta name="color:post" content="#ffffff" />
  29. <meta name="color:border" content="#eee" />
  30. <meta name="color:menubg" content="#d8effc" />
  31. <meta name="color:menu" content="#888888" />
  32. <meta name="color:askbg" content="#d8effc" />
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="link" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="link" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="link" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="link" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="link" />
  44. <meta name="text:Link6" content="/" />
  45. <meta name="text:Link6 Title" content="link" />
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. /* --- scrollbar --- */
  51. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid #fff;}
  52. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid #fff;}
  53.  
  54.  
  55. /* --- body --- */
  56. body {text-align:left;color:{color:writing};background-color:{color:background};font-size:10px;font-family:helvetica;text-decoration:none;}
  57.  
  58.  
  59. /* --- basic style --- */
  60. b, em, bold, .question a {font-family:georgia;font-weight:normal;text-transform:lowercase;color:{color:strong};}
  61. i, em, italic {color:{color:italic};}
  62. a {text-decoration: none;color:{color:links};text-decoration:none;-moz-transition:0.3s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in; }
  63. a:hover {color: {color:hover};text-decoration:none;}
  64. .title {display:block;color:{color:writing};font-size:15px;text-align:left;text-transform:lowercase;padding:0px 3px 0px 3px;}
  65. small {font-size:9px;}
  66. big {font-size:11px;}
  67.  
  68. /* --- muito importante --- */
  69. .postspace {margin-bottom:35px;}
  70. .despace {padding:10px 0px 0px 0px;}
  71. #header {padding:5px 0px 5px 0px;min-width:100%;margin-bottom:70px;text-align:center;}
  72. #important {padding:10px;}
  73. #container{width:800px;left:200px;top:-60px;position:relative;}
  74. #entry {float:right;margin-left:5px;}
  75. .post {background-color:{color:posts};padding:10px 10px 5px 10px;width:500px;}
  76. #footer {position: relative;margin-top: -150px;height: 150px;clear:both;}
  77.  
  78.  
  79. /* --- sidebar --- */
  80. #sidebar {text-align:right;position:fixed;margin-left:-60px;margin-top:150px;width:245px;}
  81. #sidebarimg {margin-bottom:19px;}
  82. #sidebarimg img {width:245px;}
  83. #links {border-top:1px solid {color:border};margin-top:3px;padding-top:4px;margin-left:1px;line-height:16px;text-transform:lowercase;text-align:center;}
  84. #links a {margin-right:6px;display:inline-block;margin-bottom:5px;color:{color:links};}
  85. #links a:hover {color:{color:links};}
  86. #description {border-top:1px solid {color:border};margin-top:-17px;padding-top:5px;padding-bottom:2px;margin-left:0px;text-align:justify;width:245px;line-height:13px;}
  87. .titles {font-size:15px;margin-top:-20px;font-family: 'tahoma';line-height:130%;width:245px;padding:3px 0;text-align:center;color:{color:title};padding-bottom:20px;font-weight:bold;}
  88.  
  89.  
  90. /* --- pagination --- */
  91. #pagination {width:245px;font-size:8px;word-spacing:7px;border-top:1px solid {color:border};padding-top:4px;text-align:center;}
  92. .jump_page {padding:3px;}
  93. .current_page {padding:3px;color:{color:writing};}
  94. #pagination2 a {display:block;width:10px;text-align:center;background-color:{color:background};font:10px georgia;color:{color:writing};padding:5px;border-bottom:1px solid {color:background};letter-spacing:2px;-webkit-transition: color 0.6s linear;-webkit-transition: background-color 0.6s linear;}
  95. #pagination2 a:hover {color:{color:links};}
  96.  
  97.  
  98. /* --- audio --- */
  99. .audio {height:60px;padding:5px;margin-bottom:5px; }
  100. .audio-album {position:absolute;width:60px; }
  101. .audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid #f2f2f2;width:25px;height:25px;overflow:hidden;position:absolute;
  102. z-index:2;margin-left:15px;margin-top:15px; }
  103. .audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}
  104.  
  105.  
  106. /* --- question --- */
  107. .caption {width:500px;text-align:justify;line-height:120%;}
  108. .asker {font-weight:700;text-transform:uppercase;font-family: tahoma;font-size:12px;color:{color:strong};}
  109. .ask {width:480px;line-height:70%;text-align:left;font-size:10px;color:{color:Text};background-color:#fff;font-family:calibri;}
  110. .bordas{float:left;padding-right:10px;margin-top:-5px;}
  111. .ans {line-height:70%;width:480px;padding:10px;color:{color:Text};font-style: normal;font-family:calibri; font-size:10px;letter-spacing: 1px;}
  112.  
  113.  
  114. /* --- chat --- */
  115. .label1{font-family:georgia;color:{color:writing};}
  116. .chat {border-bottom:0px solid #eee;padding:2px;}
  117. .user_1, .user_3, .user_5, .user_7,
  118. .user_7 , .user_9 .user_11 {background-color:#f2f2f2;margin-right:25px;
  119. color:{color:body};}
  120. .user_2, .user_4, .user_6, .user_8,
  121. .user_10, .user_12 {background-color:{color:posts};color:{color:writing};
  122. margin-right:25px;}
  123. ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:5px;}
  124.  
  125.  
  126. /* --- permalink --- */
  127. ol {list-style-type: none;margin: 0 0 1.5em 2.5em; }
  128. ol.notes li {width: 420px;padding: 5px 0;margin: 0 0 3px -28px;border-bottom: 1px solid #f5f5f5; }
  129. ol.notes li:hover {border-bottom: 1px solid #f5f5f5; }
  130. ol.notes li img {width:16px;padding-right: 10px;margin-bottom: -5px;opacity: 0.85;filter:alpha(opacity=85); }
  131. ol.notes li img:hover {opacity: 1;filter:alpha(opacity=100); }
  132.  
  133. /* --- credits --- */
  134. .credits{float:right;font-size:10px;color:#ccc;line-height:11px;text-align:center;font-family: tahoma;padding: 4px;background:#fff;z-index:11;right:8px;position:fixed; text-transform: uppercase;bottom:8px;overflow: hidden;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border-radius:100px;width:12px;height:12px;}
  135. .credits a {color:#858585;}
  136.  
  137.  
  138. {CustomCSS}
  139.  
  140. </style></head><body>
  141. <div class="credits"><a href="http://exodorado.tumblr.com/" title"theme by">©</a></div>
  142.  
  143. <div id="header"></div><div id="important"><div id="container">
  144.  
  145. <div id="poside">
  146.  
  147. <div id="sidebar">
  148. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  149. <div class="titles">{title}</div>
  150. <div id="description">{Description}</div>
  151. <div id="links">
  152. <a href="{text:link1}">{text:link1 Title}</a>&nbsp;
  153.  
  154. <a href="{text:link2}">{text:link2 Title}</a>&nbsp;
  155.  
  156. <a href="{text:link3}">{text:link3 Title}</a>&nbsp;
  157.  
  158. <a href="{text:link4}">{text:link4 Title}</a>&nbsp;
  159.  
  160. <a href="{text:link5}">{text:link5 Title}</a>&nbsp;
  161.  
  162. <a href="{text:link6}">{text:link6 Title}</a>&nbsp;
  163. </div><div id=pagination>{block:Pagination}{block:PreviousPage}
  164. <a class="jump_page" href="{PreviousPage}">&larr;</a>
  165. {/block:PreviousPage}{block:JumpPagination length="10"}{block:CurrentPage}
  166. <span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  167. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
  168. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  169. <a class="jump_page" href="{NextPage}">&rarr;</a>{/block:NextPage}
  170. {/block:Pagination}</div></div>
  171. </div>
  172.  
  173.  
  174.  
  175. <div id="entry">{block:Posts}<div class="post">
  176. {block:Text}{block:Title}
  177. <div class="title">{Title}</div>
  178. {/block:Title}{Body}{/block:Text}
  179.  
  180.  
  181. {block:Photo}<img src="{PhotoURL-500}" />{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  182.  
  183.  
  184. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  185.  
  186.  
  187. {block:Quote}<i>"{Quote}"</i>{block:Source}
  188. <br>- {Source}{/block:Source}{/block:Quote}
  189.  
  190.  
  191. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  192. {block:Description}{Description}{/block:Description}{/block:Link}
  193.  
  194. {block:Chat}<ul class="chat">{block:Lines}
  195. <li class="user_{UserNumber}">{block:Label}
  196. <span class="label">{Label}</span>
  197. {/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  198.  
  199.  
  200. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  201.  
  202.  
  203. {block:Audio}
  204. <div class="audio">
  205. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  206. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  207.  
  208. <div class="audio-info">
  209. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  210. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  211. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  212. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  213. </div></div>
  214. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  215. {/block:Audio}
  216.  
  217.  
  218. {block:Answer}
  219. <div class="ask"><img src="{AskerPortraitURL-30}" align="right" class="bordas">
  220. <span class="asker">{Asker} asked: </span><br><br>{Question}</div>
  221. <div id="caption"><div class="ans">{Answer}</div>
  222. </div>{/block:Answer}
  223.  
  224. <table style="font-size:10px;color:{color:hover};border-top:1px solid #f0f0f0;margin-top:10px;" width="100%"><tr><td>
  225. {block:RebloggedFrom} <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> / {/block:RebloggedFrom}
  226. {block:ContentSource} <b>source:</b> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  227. </td>
  228.  
  229. <td style="text-align:right;">
  230. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  231. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} . <a href="{ReblogURL}" target="_blank">reblog</a>
  232. </td></tr></table>
  233. </div>
  234. <div class="postspace"> </div>
  235. {block:PostNotes}<div class="post">{PostNotes}
  236. </div>{/block:PostNotes}{/block:Posts}
  237.  
  238.  
  239. </div></div></div><div class="footer"></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement