Advertisement
exodorado

26.theme: Rage and Love

Jul 5th, 2014
1,058
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.80 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: rage and love 。◕‿◕。
  7. theme by : exodorado.tumblr.com
  8. It is forbidden any copy or use of codes as the criminal law, article 184 © - 05/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. <meta name="image:image" content="http://33.media.tumblr.com/37bdae3e8f274033922c6ab0178a9f35/tumblr_mz4yb7RCvs1qc4g8vo4_r8_250.gif"/>
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Title" content="#aaa"/>
  23. <meta name="color:Text" content="#858585"/>
  24. <meta name="color:Link" content="#aaaaaa"/>
  25. <meta name="color:Tags" content="#cccccc"/>
  26. <meta name="color:Hover" content="#777777"/>
  27. <meta name="color:Line" content="#f2f2f2"/>
  28. <meta name="color:Border" content="#eeeeee"/>
  29. <meta name="color:scrollbar" content="#f5f5f5"/>
  30. <meta name="color:writing" content="#747474" />
  31. <meta name="color:links" content="#858585" />
  32. <meta name="color:hover" content="#696969" />
  33. <meta name="color:strong" content="#696969" />
  34. <meta name="color:italic" content="#858585" />
  35. <meta name="color:post" content="#ffffff" />
  36. <meta name="color:askbg" content="#f8f8f8" />
  37. <meta name="text:Link" content="/" />
  38. <meta name="text:Link Title" content="link" />
  39. <meta name="text:Link1" content="/" />
  40. <meta name="text:Link1 Title" content="link" />
  41. <meta name="text:Link2" content="/" />
  42. <meta name="text:Link2 Title" content="link" />
  43. <meta name="text:Link3" content="/" />
  44. <meta name="text:Link3 Title" content="link" />
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="link" />
  47.  
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:90,
  57. tip_fade_speed:600,
  58. attribute:"title"
  59. });
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css">
  68.  
  69. *, body, a, a:hover, a:active, #likereblog, #likereblog iframe {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  70.  
  71.  
  72. /* --- scrollbar --- */
  73. ::-webkit-scrollbar-thumb {height:auto;background-color: {color:Border};border: 2px solid #fff;}
  74. ::-webkit-scrollbar {height:9px;width:9px;background-color: {color:Border};border: 4px solid #fff;}
  75.  
  76. body {background:{color:background};margin:0px;color:{color:Text};font-family:Arial, Helvetica;font-size:9px;line-height:110%;}
  77.  
  78.  
  79. /* --- basic style --- */
  80. b, em, bold, .question a {font-family:georgia;font-weight:normal;text-transform:lowercase;color:{color:strong};}
  81. i, em, italic {color:{color:italic};}
  82. 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; }
  83. a:hover {color: {color:hover};text-decoration:none;}
  84. .title {font-weight:bold;font-style:italic;font-size:14px;}
  85. u, underline {text-decoration:none; border-bottom: 1px dotted {color:Text};}
  86. small {font-size:9px;}
  87. sub {font-size:9px;}
  88.  
  89.  
  90. /* --- muito importante --- */
  91. #posts {left:150px;top:50px;width:500px;position:relative;margin:0 auto;padding:10px;}
  92. #posts {max-width:500px}
  93. .entries {width:500px;margin-bottom:80px;}
  94. #container {left:100px;width:830px;top:50px;margin:0 auto; }
  95. #footer {margin:0;clear:both;padding:10px;bottom:0;position:fixed;width:100%;background:{color:background}; }
  96. #footer .wrap {width:680px;margin:0 auto;}
  97. ul, li {font-size:11px;margin-right:25px;list-style:none;text-transform:normal; }
  98.  
  99.  
  100. /*--- like ---*/
  101. #like {color:#FF0000;margin-top:-15px;}
  102. #like:hover {color:#FF0000;opacity:1;}
  103.  
  104.  
  105. /*--- quote ---*/
  106. .post_quote {padding:5px;background:#fafafa; }
  107. .quotes {font-size:120px;background:#transparent;color:{color:Text};font-family:'Keania One', arial; }
  108. .quote {color:{color:Text};margin-left:40px;font-size:14px;font-weight:bold;font-style:italic; }
  109. .source {margin-top:5px;text-align:right;letter-spacing:1px;text-transform:uppercase;font-size:8px; }
  110.  
  111.  
  112. /*--- question ---*/
  113. .question {background:{color:askbg};padding:10px;}
  114.  
  115.  
  116. /*--- chat ---*/
  117. .user_1 { background-color:#fcfcfc;padding:5px; }
  118. .user_2 { background-color:#f9f9f9;padding:5px; }
  119. .user_3 { background-color:#fcfcfc;padding:5px; }
  120. .user_4 { background-color:#f9f9f9;padding:5px; }
  121. .user_5 { background-color:#fcfcfc;padding:5px; }
  122. .user_6 { background-color:#f9f9f9;padding:5px; }
  123. .user_7 { background-color:#fcfcfc;padding:5px; }
  124. .user_8 { background-color:#f9f9f9;padding:5px; }
  125. .user_9 { background-color:#fcfcfc;padding:5px; }
  126. .user_10 { background-color:#f9f9f9;padding:5px; }
  127.  
  128.  
  129. /*--- notes ---*/
  130. .notes li {font-size:8px;text-transform:uppercase;margin-left:-50px;padding:5px;background:#fff;border-bottom:1px solid #eee;width:500px;}
  131. .notes img { display:none;}
  132.  
  133.  
  134. /* --- audio --- */
  135. .audio {height:60px;padding:5px;margin-bottom:5px; }
  136. .audio-album {position:absolute;width:60px; }
  137. .audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid #f2f2f2;width:25px;height:25px;overflow:hidden;position:absolute;
  138. z-index:2;margin-left:15px;margin-top:15px; }
  139. .audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}
  140.  
  141.  
  142. /* --- sidebar --- */
  143. #sidebar {position:fixed;width:245px;height:500px;margin-left:0px;margin-top:250px;opacity:1;height:auto;transition-duration:0.5s;}
  144.  
  145. #sidebarimage {width:245px;}
  146. #sidebarimage img {width:245px;padding:3px 0;}
  147.  
  148. .desc {font-size:10px;position:absolute;margin-top:6px;font-family:calibri;line-height:130%;width:245px;border-bottom:1px solid {color:Border};padding:3px 0;text-align:justify;color:{color:Text};padding-bottom:10px;}
  149. .desc a {color:{color:Text};}
  150. .desc:first-letter{font-family: 'Abril Fatface', cursive; font-size: 15px;color:{color:Text};margin:-10px 3px -5px 3px;padding:3px 3px 3px 3px;border:4px double {color:Border};position:absolute;margin-top:0px;float:left;}
  151.  
  152. .titles {font-size:15px;margin-top:6px;font-family: 'tahoma';line-height:130%;width:245px;padding:3px 0;text-align:center;color:{color:strong};padding-bottom:1px;font-weight:bold;font-style:italic;}
  153.  
  154. #pagi{color:{color:hover};width:245px;font-size:9px;text-align:center;position:absolute;font-family:cambria;letter-spacing:0px;margin-top:67px;margin:4pxheight:20px;padding-top:5px;}
  155.  
  156. .link {width:245px;font-family:'tahoma';padding: 4px;font-size:8px;margin-left:-3px;text-align:center;margin-top:2px;margin-bottom:0px;border-top:1px solid {color:Border};padding-top:10px;}
  157. .link a {width:74px;padding:2px;font-size:7px;letter-spacing:0px;color:{color:Text};letter-spacing:1px;margin-left:3px;text-transform:uppercase;}
  158.  
  159. #s-m-t-tooltip {max-width:300px;padding:2px 4px;margin:20px 0px 0px 20px;
  160. height:auto;background-color:{color:hover};font-family:calibri;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#fff;
  161. z-index:999999999999999999999999999999999999;}
  162.  
  163.  
  164. /* --- permalink --- */
  165. #permalink {width:500px;text-align:left;font-family:'calibri';margin-top:-3px;margin-left:-9px;letter-spacing:1px;font-size:8px;font-style:none;padding:9px;line-height:10px;text-transform:uppercase;}
  166. #permalink a {text-align:center;color:{color:Text};}
  167.  
  168. #tags {float:left;width:489px;;margin-top:-8px;margin-left:-7px;text-align:left;font-size:8px;padding:5px;color:{color:Text};letter-spacing:1px;text-transform:uppercase;font-family:'calibri';}
  169. #tags a {letter-spacing:0px; font-size:8px;opacity:1;text-align:center; text-decoration:none; display:inline-block; margin-left: 2px; padding:1px;margin-right:0px; margin-top:2px;letter-spacing:1px;color:{color:Text};}
  170.  
  171. /* --- credits --- */
  172. .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;}
  173. .credits a {color:#858585;}
  174.  
  175.  
  176. {CustomCSS}</style></head><body>
  177.  
  178. <div class="credits"><a href="http://exodorado.tumblr.com/" title"theme by">©</a></div>
  179. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  180.  
  181. <div id="container">
  182.  
  183. <div id="sidebar">
  184. <div class="titles">{title}</div>
  185.  
  186.  
  187. <div class="link">
  188. <a href="{text:link}">.{text:Link Title}</a>
  189. <a href="{text:link1}">.{text:Link1 Title}</a>
  190. <a href="{text:link2}">.{text:Link2 Title}</a>
  191. <a href="{text:link3}">.{text:Link3 Title}</a>
  192. <a href="{text:link4}">.{text:Link4 Title}</a>
  193. </div>
  194.  
  195. <div id="sidebarimage"><img src="{image:image}"></div>
  196.  
  197. <div class="desc">{description}</div>
  198.  
  199. {block:Pagination}<div id="pagi">
  200. {block:PreviousPage}<a href="{PreviousPage}"></a>&nbsp;&nbsp;{/block:PreviousPage}
  201. {block:JumpPagination length="6"}
  202. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  203. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  204. {/block:JumpPagination}
  205. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
  206. </div>{/block:Pagination}</div>
  207.  
  208.  
  209. <div id="posts">
  210. {block:Posts}
  211. <div class="entries">
  212. {block:Text}
  213. <div class="post_text">
  214. {block:Title}
  215. <a class="title" href="{Permalink}">{Title}</a>{/block:Title}
  216. {Body}</div>{/block:Text}{block:Photo}
  217.  
  218. <div class="post_photo">
  219. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  220. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  221. </div>{/block:Photo}{block:Photoset}<div class="post_photoset">
  222. <div class="photoset"><div class="move">{Photoset-500}</div></div>
  223. {block:Caption}
  224. <div class="caption">{Caption}</div>
  225. {/block:Caption}
  226. </div>
  227. {/block:Photoset}
  228.  
  229.  
  230. {block:Quote}
  231. <div class="post_quote">
  232. <div class="quote">{Quote}</div>
  233. {block:Source}
  234. <div class="source">{Source}</div>
  235. {/block:Source}
  236. </div>
  237. {/block:Quote}
  238.  
  239. {block:Link}
  240. <div class="post_link">
  241. <a href="{URL}" class="title" {Target}>{Name}</a>
  242. {block:Description}
  243. <div class="description">{Description}</div>
  244. {/block:Description}
  245. </div>
  246. {/block:Link}
  247. {block:Chat}
  248. <div class="post_chat">
  249. {block:Title}
  250. <h3><a href="{Permalink}">{Title}</a></h3>
  251. {/block:Title}
  252.  
  253. <ul class="chat">
  254. {block:Lines}
  255. <li class="{Alt} user_{UserNumber}">
  256. {block:Label}
  257. <span class="label">{Label}</span>
  258. {/block:Label}
  259.  
  260. {Line}</li>{/block:Lines}
  261. </ul></div>{/block:Chat}
  262.  
  263. {block:Video}
  264. <div class="post_video">
  265. {Video-500}{block:Caption}
  266. <div class="caption">{Caption}</div>
  267. {/block:Caption}</div>{/block:Video}
  268.  
  269. {block:Audio}
  270. <div class="audio">
  271. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  272. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  273. <div class="audio-info">
  274. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  275. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  276. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  277. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  278. </div></div>
  279. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  280. {/block:Audio}
  281.  
  282. {block:Answer}
  283. <div class="post_answer">
  284. <div class="question">{Asker}: {Question} </div>
  285. <div class="answer">{Answer}</div>
  286. </div>{/block:Answer}
  287.  
  288.  
  289. <div id="permalink"><a href="{Permalink}">{TimeAgo}</a> — {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with {NoteCountWithLabel} — <a href="{ReblogURL}" target="_blank">reblog</a> {block:HasTags}<div id="tags">
  290. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}</div>{block:HasTags}
  291. </div>
  292. </div>
  293. {/block:Posts}
  294. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  295. {/block:Posts}</div></div></div>
  296. <br><br><br><br>
  297.  
  298.  
  299. </div></div></div><div class="footer"></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement