Advertisement
exodorado

19.theme: Beep Beep

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