Advertisement
exodorado

24.theme: Sebs

May 25th, 2014
831
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.77 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.  
  5. theme: sebs 。◕‿◕。
  6. theme by : exodorado.tumblr.com
  7. It is forbidden any copy or use of codes as the criminal law, article 184 © - 25/maio/2014.
  8. ● respect my work, do not remove the credits.
  9. ● do not use as a basis.
  10. ● if not inspires
  11.  
  12. ---------------------------------------------------------------------->
  13. <head>
  14. <title>{title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. <!------------------------------Aparência------------------------------->
  19. <meta name="image:image" content="http://static.tumblr.com/cir8k0k/wN9n64y8u/tumblr_n5j70skfik1rmb1bpo1_500.png" />
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:writing" content="#858585"/>
  22. <meta name="color:bold" content="#ffb6c1"/>
  23. <meta name="color:italic" content="#51CDC4"/>
  24. <meta name="color:link" content="#858585"/>
  25. <meta name="color:link hover" content="#000"/>
  26. <meta name="color:ask" content="#f7f7f7"/>
  27. <meta name="color:tag" content="#888"/>
  28. <meta name="color:tags" content="#f7f7f7"/>
  29. <meta name="color:border" content="#eee"/>
  30. <meta name="color:sidecolor" content="#95DDD2"/>
  31. <meta name="color:sidecolora" content="#ffb6c1"/>
  32. <meta name="color:menuletra" content="#fff"/>
  33. <meta name="text:Link" content="/" />
  34. <meta name="text:Link Title" content="link" />
  35. <meta name="text:Link1" content="/" />
  36. <meta name="text:Link1 Title" content="link" />
  37. <meta name="text:Link2" content="/" />
  38. <meta name="text:Link2 Title" content="link" />
  39. <meta name="text:Link3" content="/" />
  40. <meta name="text:Link3 Title" content="link" />
  41. <meta name="text:Link4" content="/" />
  42. <meta name="text:Link4 Title" content="link" />
  43. <meta name="text:Link5" content="/" />
  44. <meta name="text:Link5 Title" content="link" />
  45. <meta name="text:Link6" content="/" />
  46. <meta name="text:Link6 Title" content="link" />
  47. <meta name="text:frase" content="coloque uma frase aqui"/>
  48.  
  49. <!--------------------------------font's--------------------------------->
  50. <link href='http://fonts.googleapis.com/css?family=Snippet|Sirin+Stencil|Rationale|Delius+Swash+Caps|Berkshire+Swash|Redressed|Tangerine|Oleo+Script|Rochester|Lobster+Two|Dancing+Script|Nova+Square|Crafty+Girls|Nova+Flat' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  54.  
  55. <!-------------------------------code's--------------------------------->
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:90,
  64. tip_fade_speed:600,
  65. attribute:"title"
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70. <!------------------------------- theme --------------------------------->
  71.  
  72.  
  73. </head><style>
  74.  
  75. /* --- scrollbar --- */
  76. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid #fff;}
  77. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid #fff;}
  78.  
  79. /* --- body --- */
  80. body {background:{color:background};margin:0px;color:{color:writing};font-family:calibri;font-size:10px;line-height:100%;letter-spacing:0px;text-align:justify;}
  81.  
  82. /* --- s-m-t-tooltip --- */
  83. #s-m-t-tooltip {max-width:300px;padding:2px 4px;margin:20px 0px 0px 20px;height:auto;background-color:#858585;font-family:calibri;
  84. font-size:9px;letter-spacing:1px;text-transform:uppercase;
  85. color:#fff;z-index:999999999999999999999999999999999999;}
  86.  
  87. /* --- basic style --- */
  88. strong, b, bold {color:{color:bold};text-decoration:none;font-weight:bold;}
  89. i, em, italic {color:{color:italic};}
  90. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};}
  91. a:hover{text-decoration:none; color:{color:link hover};}
  92. blockquote {border-left: 1px dotted transparent; text-align: justify; padding: 8px; margin: 3px; line-height: 14px;}
  93. img a{border:none; width:100%}
  94. h1{color:{color:writing}; font-family:times, serif; font-size:20px; line-height:15px; font-style:italic; font-weight:bold; letter-spacing:-2px; text-transform:lowercase; margin:0px; padding:0px; text-align:left}
  95. small {font-size:9px;}
  96.  
  97. /* --- seletion --- */
  98. ::selection{background: #eee; color: #858585;}
  99. ::-moz-selection{background: #eee; color: #858585;}
  100.  
  101. /* --- post --- */
  102. #entries {padding:20px;width:500px;margin-top: -50px;margin-left:450px;margin-bottom: 80px;color: {color:writing};}
  103. #post {width:500px;font-family: 'Trebuchet MS';color: {color:writing};opacity:1;margin-top: 60px;margin-left: 0px;padding-bottom: -60px;line-height: 110%;}
  104. #post:hover #source {opacity: 1;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}
  105.  
  106. /* --- quote --- */
  107. #source {padding-bottom: 5px;padding-right: 5px;font-family: 'arial';
  108. text-transform: lowercase;font-size: 10px;font-style: auto;text-align: right;color: #333;opacity:1;}
  109.  
  110. /* --- ask --- */
  111. #questions {width: 500px;}
  112. .asker {font-family: 'Trebuchet MS';font-size: 10px;text-align: justify;font-style: italic;background-color: {color:ask};padding: 8px;height:20px;line-height:20px;}
  113. .answer {text-align: justify;font-family: 'Trebuchet MS';font-size: 11px;color:{color:writing};}
  114.  
  115. /* --- audio --- */
  116. .audioplayer {background-color: {color:Background};width: 27px;height: 270x;overflow:hidden;position: absolute;margin-top: 17px;margin-left: 17px;z-index: 99;opacity: 1;-moz-border-radius: 27px;-webkit-border-radius: 27px;border-radius: 27px;}
  117. .audioinfo {background-color: {color:Background};font-family: 'Trebuchet MS';padding-left: 70px;font-size: 9px;margin-bottom: 30px;margin-top: -40px;}
  118. .audioimg {opacity: 0.1;border: 0px solid {color:Background};width: 60px;height: 60px;}
  119.  
  120. /* --- sidebar --- */
  121. #sidebar {margin-top:200px;margin-left:210px;position:fixed;width:150px;float:left; }
  122. #image {overflow:hidden; height:210px; width: 195px;}
  123. #image img {border:2px solid {color:sidecolor};height:200px; width: 186px;padding:2px 2px 2px 2px;}
  124.  
  125. .menu {width:260px; margin-left: -36px; margin-top: 0px;padding:4px; font-family:tahoma;}
  126. .menus {color:{color:menuletra}; background:{color:sidecolor}; display: inline-block; padding: 2px; text-align: center; line-height: 12px; height: 12px; ;width:40px; float: center; margin:1px 1px 1px 1px; font-family:tahoma; font-size:8px;!important;text-decoration: none; letter-spacing:-0.05em; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.5s ease-out;text-transform:uppercase;}
  127. .menus:hover {background:{color:sidecolora}; display: inline-block; padding: 2px; text-align: center;float: center;color:{color:menuletra};}
  128.  
  129. #title {margin-bottom: 2px;line-height:10px;float:left; width:190px;font-family: 'Oswald', sans-serif;font-size:15px;text-align: center;
  130. color:{color:writing};text-transform:uppercase;}
  131. #frase {margin-bottom: 2px;line-height:10px;float:left; width:190px; font-family: calibri;font-size:8px;text-align: center;
  132. color:{color:writing};text-transform:uppercase;}
  133. .description {width:185px; margin-left:5px;height:auto;margin-top:2px;background: transparent; font-family:calibri; font-size:8px; line-height:13px;text-align:justify; color:{color:writing};text-transform:uppercase;}
  134.  
  135. /* --- credits --- */
  136. .credits{width:8px;height:8px;float:left;font-size:11px;color:{color:menuletra};line-height:9px;text-align:center;font-family: calibri;padding: 4px;background:{color:sidecolor};z-index: 11;margin-left:8px;border-radius:100px;opacity:0.6;position:fixed; text-transform: uppercase;top: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;}.credits a {color:{color:menuletra};font-size:10px;}
  137.  
  138. /* --- tag --- */
  139. .tags {color:{color:tag};padding:5px 5px 5px 5px;text-transform:lowercase;font-size:10px;background-color:{color:tags};}
  140.  
  141. /* --- pagination --- */
  142. #pagination {width:180px;font-size:8px;word-spacing:7px;
  143. text-align:center;}
  144. .jump_page {padding:3px;background-color:#ffffff;}
  145. .current_page {padding:3px;background-color:#ffffff;color:#000000;}
  146. #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;}
  147. #pagination2 a:hover {background-color:#f8f8f8;color:#000000;}
  148.  
  149.  
  150. </style><body>
  151. <div class="credits">
  152. <a href="http://exodorado.tumblr.com/" title="theme by exodorado">©</a></div>
  153.  
  154.  
  155. <div id="sidebar">
  156. <div id="title">{title}</div>
  157. <div id="frase">{text:frase}</div>
  158.  
  159. <div id="image"><img src="{image:image}"></div>
  160.  
  161. <div class="description">{Description}</div>
  162.  
  163. <div class="menu">
  164. <center>
  165. <a href="{text:link}"><div class="menus">{text:link Title}</div></a>
  166. <a href="{text:link1}"><div class="menus">{text:link1 Title}</div></a>
  167. <a href="{text:link2}"><div class="menus">{text:link2 Title}</div></a>
  168. <a href="{text:link3}"><div class="menus">{text:link3 Title}</div></a><br>
  169. <a href="{text:link4}"><div class="menus">{text:link4 Title}</div></a>
  170. <a href="{text:link5}"><div class="menus">{text:link5 Title}</div></a>
  171. <a href="{text:link6}"><div class="menus">{text:link6 Title}</div></a>
  172. </div></center>
  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>
  182. </div>
  183.  
  184.  
  185. <div id="entries">{block:Posts}<div id="post">
  186. {block:ContentSource}
  187. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  188. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  189. {/block:SourceLogo}
  190. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  191. {/block:ContentSource}
  192.  
  193.  
  194. {block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{Body}{/block:Text}
  195.  
  196. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  197.  
  198. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  199.  
  200. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  201.  
  202. {block:Link}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}
  203.  
  204. {block:Chat}{block:Title}<titles>{Title}</titles>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  205.  
  206.  
  207.  
  208.  
  209. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div>
  210. <div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  211. <div class="audioinfo">
  212. {block:TrackName}{TrackName}{/block:Trackname}<br>
  213. {block:Artist}{Artist}{/block:Artist}</div>
  214. {/block:Audio}
  215.  
  216.  
  217. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  218.  
  219.  
  220. {block:Answer}<div id="questions">
  221. <div class="asker">{Asker} &rarr; &nbsp; {Question}</div>
  222. <div class="answer">{Answer}</div>
  223. </div>{/block:Answer}
  224.  
  225. {block:HasTags} <div class="tags" style="margin-top:0px;">{block:Tags} #<a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;{/block:Tags} </div>{/block:HasTags}
  226. <table style="font-size:10px;color:{color:hover};border-top:1px solid #f0f0f0;margin-top:5px;" width="100%"><tr><td>
  227. {block:RebloggedFrom} <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> / {/block:RebloggedFrom}
  228. {block:ContentSource} <b>source:</b> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  229. </td>
  230.  
  231. <td style="text-align:right;">
  232. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  233. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  234. </td></tr></table>
  235. </div>
  236.  
  237.  
  238. {block:PostNotes}
  239. <div class="post">
  240. {PostNotes}
  241. </div>
  242. {/block:PostNotes}
  243.  
  244. {/block:Posts}
  245.  
  246.  
  247.  
  248. </div>
  249.  
  250.  
  251.  
  252. </body>
  253.  
  254. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement