Advertisement
exodorado

29.theme: Overprotected

Jul 11th, 2014
980
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.93 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: OVERPROTECTED 。◕‿◕。
  7. theme by : exodorado.tumblr.com
  8. It is forbidden any copy or use of codes as the criminal law, article 184 © - 11/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/bIhn8k3rw/tumblr_mogoql6nwx1qewelfo2_250.gif"/>
  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="#696969" />
  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="#f1f1f1" />
  30. <meta name="color:menubg" content="#fe3390" />
  31. <meta name="color:menu" content="#fff" />
  32. <meta name="color:bg" content="#f9f9f9" />
  33.  
  34. <meta name="text:Link" content="/" />
  35. <meta name="text:Link Title" content="link" />
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="link" />
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="link" />
  40. <meta name="text:Link3" content="/" />
  41. <meta name="text:Link3 Title" content="link" />
  42. <meta name="text:Link4" content="/" />
  43. <meta name="text:Link4 Title" content="link" />
  44. <meta name="text:Link5" content="/" />
  45. <meta name="text:Link5 Title" content="link" />
  46. <meta name="text:Link6" content="/" />
  47. <meta name="text:Link6 Title" content="link" />
  48. <meta name="text:frase" content="we are the waiting unknown."/>
  49.  
  50. <!-------------------------------code's--------------------------------->
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("[title]").style_my_tooltips({
  57. tip_follows_cursor:true,
  58. tip_delay_time:90,
  59. tip_fade_speed:600,
  60. attribute:"title"
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66.  
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. /* --- scrollbar --- */
  75. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid #fff;}
  76. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid #fff;}
  77.  
  78.  
  79. /* --- s-m-t-tooltip --- */
  80. #s-m-t-tooltip {max-width:300px;padding:2px 4px;margin:20px 0px 0px 20px;height:auto;background-color:#858585;font-family:calibri;
  81. font-size:9px;letter-spacing:1px;text-transform:uppercase;
  82. color:#fff;z-index:999999999999999999999999999999999999;}
  83.  
  84.  
  85. /* --- body --- */
  86. body {text-align:left;color:{color:writing};background-color:{color:background};font-size:10px;font-family:helvetica;text-decoration:none;cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  87. *, body, a, a:hover, a:active, #likereblog, #likereblog iframe {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  88.  
  89.  
  90. /* --- basic style --- */
  91. b, em, bold, .question a {font-family:georgia;font-weight:normal;text-transform:lowercase;color:{color:strong};}
  92. i, em, italic {color:{color:italic};}
  93. 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; }
  94. a:hover {color: {color:hover};text-decoration:none;}
  95. .title {display:block;color:{color:writing};font-size:15px;text-align:center;text-transform:lowercase;font-family: 'Oswald', sans-serif;font-size:15px;text-transform:uppercase;background:{color:bg}; padding:5px; border:1px solid {color:border};}
  96. small {font-size:9px;}
  97. big {font-size:11px;}
  98.  
  99. /* --- muito importante --- */
  100. .postspace {margin-bottom:32px;}
  101. .despace {padding:10px 0px 0px 0px;}
  102. #header {padding:5px 0px 5px 0px;min-width:100%;margin-bottom:70px;text-align:center;}
  103. #important {padding:10px;}
  104. #container{width:800px;left:150px;top:-60px;position:relative;}
  105. #entry {float:right;margin-left:5px;}
  106. .post {background-color:{color:posts};padding:10px 10px 0px 10px;max-width:500px;border:1px solid {color:border};}
  107. .post img {max-width:500px;}
  108. #footer {position: relative;margin-top: -150px;height: 150px;clear:both;}
  109.  
  110.  
  111. /* --- sidebar --- */
  112. #sidebar {text-align:right;position:fixed;margin-left:-10px;margin-top:100px;width:150px;}
  113. #sidebarimg {margin-bottom:19px;}
  114. #sidebarimg img {width:137px;height:136px;padding:15px;background:{color:bg};border:1px solid {color:border};}
  115. #links a:hover {color:{color:links};}
  116. #descriptions {margin-top:8px;padding-bottom:10px;line-height:10px;float:left; width:150px; font-family: calibri;font-size:8px;text-align:justify;color:{color:writing};text-transform:uppercase;margin-left:10px;}
  117. #titles {margin-bottom: 2px;line-height:10px;float:left; width:170px;font-family: 'Oswald', sans-serif;font-size:15px;text-align: center;
  118. color:{color:writing};text-transform:uppercase;}
  119. #frase {margin-bottom: 2px;line-height:10px;float:left; width:170px; font-family: calibri;font-size:8px;text-align: center;
  120. color:{color:writing};text-transform:uppercase;}
  121. .links {width:155px;font-family:'calibri';
  122. padding: 5px;padding-left:15px;text-align:center;text-transform:uppercase;
  123. position:fixed;margin-top:-22px;margin-left:-2px;}
  124. .links a {font-size:17px;font-weight:bolder;letter-spacing:10px;color:#ccc;}
  125. .links a:hover {-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;color:{color:hover};}
  126.  
  127.  
  128. /*--- pagination ---*/
  129. .pagination {padding:5px; font-size:9px; margin-bottom:20px;}
  130. .paginations a:hover { border-bottom:0px; }
  131. .numbers {padding:5px;font-family:arial;background:#ccc;color:#fff;font-weight:bold; }
  132. .pages { margin-right:3px; background:{color:bg}; padding:5px; border:1px solid {color:border};}
  133.  
  134.  
  135. /* --- audio --- */
  136. .audio {height:60px;padding:5px;margin-bottom:5px; }
  137. .audio-album {position:absolute;width:60px; }
  138. .audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid #f2f2f2;width:25px;height:25px;overflow:hidden;position:absolute;
  139. z-index:2;margin-left:15px;margin-top:15px; }
  140. .audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}
  141.  
  142.  
  143. /*--- question ---*/
  144. .question {background:{color:bg};padding:10px;border:1px solid {color:border};}
  145. .tags {text-transform:lowercase;font-size:10px;background:{color:bg}; padding:5px; }
  146.  
  147.  
  148. /* --- chat --- */
  149. .label1{font-family:georgia;color:{color:writing};}
  150. .chat {border-bottom:0px solid #eee;padding:2px;}
  151. .user_1, .user_3, .user_5, .user_7,
  152. .user_7 , .user_9 .user_11 {background-color:#f2f2f2;margin-right:25px;
  153. color:{color:body};}
  154. .user_2, .user_4, .user_6, .user_8,
  155. .user_10, .user_12 {background-color:{color:posts};color:{color:writing};
  156. margin-right:25px;}
  157. ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:5px;}
  158.  
  159.  
  160. /* --- permalink --- */
  161. ol {list-style-type: none;margin: 0 0 1.5em 2.5em; }
  162. ol.notes li {width: 420px;padding: 5px 0;margin: 0 0 3px -28px;border-bottom: 1px solid #f5f5f5; }
  163. ol.notes li:hover {border-bottom: 1px solid #f5f5f5; }
  164. ol.notes li img {width:16px;padding-right: 10px;margin-bottom: -5px;opacity: 0.85;filter:alpha(opacity=85); }
  165. ol.notes li img:hover {opacity: 1;filter:alpha(opacity=100); }
  166.  
  167. /* --- credits --- */
  168. .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;}
  169. .credits a {color:#858585;}
  170.  
  171.  
  172. {CustomCSS}
  173.  
  174. </style></head><body>
  175. <div class="credits"><a href="http://exodorado.tumblr.com/" title"theme by">•</a></div>
  176.  
  177. <div id="header"></div><div id="important"><div id="container">
  178.  
  179. <div id="poside">
  180.  
  181. <div id="sidebar">
  182. <div id="titles">{title}</div>
  183. <div id="frase">{text:frase}</div>
  184. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  185.  
  186.  
  187.  
  188. <div class="links">
  189. <a href="{text:link}" title="{text:link Title}">•</a>
  190. <a href="{text:link1}" title="{text:link1 Title}">•</a>
  191. <a href="{text:link2}" title="{text:link2 Title}">•</a>
  192. <a href="{text:link3}" title="{text:link3 Title}">•</a>
  193. <a href="{text:link4}" title="{text:link4 Title}">•</a>
  194. <a href="{text:link5}" title="{text:link5 Title}">•</a>
  195. <a href="{text:link6}" title="{text:link6 Title}">•</a>
  196.  
  197.  
  198.  
  199.  
  200. </div>
  201.  
  202. <div id="descriptions">{description}</div></div>
  203.  
  204.  
  205.  
  206. <div id="entry">{block:Posts}<div class="post">
  207. {block:Text}{block:Title}
  208. <div class="title">{Title}</div>
  209. {/block:Title}{Body}{/block:Text}
  210.  
  211.  
  212. {block:Photo}<img src="{PhotoURL-500}" />{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  213.  
  214.  
  215. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  216.  
  217.  
  218. {block:Quote}<i>"{Quote}"</i>{block:Source}
  219. <br>- {Source}{/block:Source}{/block:Quote}
  220.  
  221.  
  222. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  223. {block:Description}{Description}{/block:Description}{/block:Link}
  224.  
  225. {block:Chat}<ul class="chat">{block:Lines}
  226. <li class="user_{UserNumber}">{block:Label}
  227. <span class="label">{Label}</span>
  228. {/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  229.  
  230.  
  231. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  232.  
  233.  
  234. {block:Audio}
  235. <div class="audio">
  236. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  237. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  238.  
  239. <div class="audio-info">
  240. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  241. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  242. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  243. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  244. </div></div>
  245. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  246. {/block:Audio}
  247.  
  248.  
  249. {block:Answer}
  250. <div class="post_answer">
  251. <div class="question">{Asker}: {Question} </div>
  252. <div class="answer">{Answer}</div>
  253. </div>{/block:Answer}
  254.  
  255. <table style="font-size:8px;color:{color:links};border-top:1px solid #f0f0f0;margin-top:10px;background:#f9f9f9;padding-bottom:0px;margin-left:-10px;height:30px;text-transform:uppercase;" width="520px"><tr><td>
  256.  
  257. </td>
  258.  
  259. <td style="text-align:left;">
  260. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  261. with<a href="{Permalink}"> {NoteCountWithLabel}</a></td><td style="text-align:right;padding-right:10px">
  262. <a href="{ReblogURL}" target="_blank">reblog</a>
  263. </td></tr></table>
  264. </div>
  265. <div class="postspace"> </div>
  266. {block:PostNotes}<div class="post">{PostNotes}
  267. </div>{/block:PostNotes}{/block:Posts}
  268.  
  269. <div class="pagination">{block:Pagination}
  270. <span class="numbers">{CurrentPage} of {TotalPages}</span>
  271. {block:JumpPagination length="6"}
  272. {block:CurrentPage}
  273. <span class="pages">{PageNumber}</span>
  274. {/block:CurrentPage}
  275. {block:JumpPage}
  276. <a class="pages" href="{URL}">{PageNumber}</a>
  277. {/block:JumpPage}
  278. {/block:JumpPagination}
  279. {block:NextPage}
  280. <span class="pages"><a href="{NextPage}">next</a></span>
  281. {/block:NextPage}
  282. {/block:Pagination}
  283.  
  284.  
  285.  
  286. </div></div></div></div><div class="footer"></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement