Advertisement
themes-sdss

Theme 10

Jun 29th, 2012
295
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.31 KB | None | 0 0
  1. <!
  2. SOCIEDADE DOS SENTIMENTOS SUICIDAS. dont copy Details. idolatrado !>
  3.  
  4.  
  5. <! esse theme possui todos os direitos, não retirar os créditos !>
  6.  
  7.  
  8. <html>
  9. <head> <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#ececec" />
  11. <meta name="color:sidebar" content="#fff" />
  12. <meta name="color:post" content="#fff" />
  13. <meta name="color:text" content="#000" />
  14. <meta name="color:link" content="#000" />
  15. <meta name="color:scroll" content="#000" />
  16. <meta name="color:scroll bg" content="#fff" />
  17. <meta name="color:frase" content="#000" />
  18. <meta name="color:listra" content="#fff" />
  19. <meta name="color:bgmenu" content="#fff" />
  20. <meta name="color:cormenu" content="#000" />
  21. <meta name="color:bgmenuhover" content="#fff" />
  22. <meta name="color:cormenuhover" content="#fff" />
  23. <meta name="color:bglinkimg" content="#000" />
  24. <meta name="color:linkimg" content="#fff" />
  25. <meta name="color:topo" content="#00000" />
  26. <meta name="color:credi" content="#fff" />
  27.  
  28. <meta name="image:background" content="" />
  29. <meta name="image:sidebar" content="http://static.tumblr.com/ygkexbz/jVMm4dxf2/tumblr_m3bl7olufx1qmnaqvo2_250.png" />
  30.  
  31. <meta name="text:frase" content="But, I love you, Only you" />
  32.  
  33. <meta name="text:Link1" content="/" />
  34. <meta name="text:Link1 Title" content="link" />
  35. <meta name="text:Link2" content="/" />
  36. <meta name="text:Link2 Title" content="link" />
  37. <meta name="text:Link3" content="/" />
  38. <meta name="text:Link3 Title" content="link" />
  39. <meta name="text:Link4" content="/" />
  40. <meta name="text:Link4 Title" content="link" />
  41. <meta name="text:Link5" content="/" />
  42. <meta name="text:Link5 Title" content="link" />
  43. <meta name="text:Link6" content="/" />
  44. <meta name="text:Link6 Title" content="link" />
  45. <meta name="text:Link7" content="/" />
  46. <meta name="text:Link7 Title" content="link" />
  47.  
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  50.  
  51. <title>{Title}</title>
  52. <link rel="shortcut icon" href="{Favicon}">
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57.  
  58. <style type="text/css">
  59.  
  60. body {background: {color:background} url('{image:background}') repeat; color:{color:text}; font-family:verdana; font-size:11px; line-height:110%}
  61.  
  62. a { text-decoration:none; color:{color:link};}
  63. a:hover {text-decoration:none; color:{color:link hover};}
  64.  
  65. p {margin: 6px 0 0 0}
  66.  
  67. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:text}; padding-left: 5px; }
  68. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
  69. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  70. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  71.  
  72. blockquote img{max-width: 470px!important}
  73. blockquote blockquote img{max-width: 450px!important}
  74. blockquote blockquote blockquote img{max-width: 430px!important}
  75. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  76.  
  77. #content {width:850px; margin: 20px auto 20px auto; }
  78.  
  79. #post {float:left; margin-left:300px; }
  80.  
  81. #postbox {width:500px; background-color:{color:post}; margin-bottom:0px; padding:10px; text-align: justify; position: relative; border-bottom: 2px solid; {color:text};}
  82.  
  83. h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px; text-align: center; font-weight:normal; }
  84. h1 a {color:{color:link}}
  85. h1 a:hover {color:{color:link hover}}
  86.  
  87. .image {text-align: center; border: 0px}
  88. .image img {max-width: 500px; margin-bottom: 2px }
  89.  
  90. .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  91. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  92. .quotesource a, a:hover{text-transform: none;}
  93.  
  94. .chat {line-height: 13px; list-style: none }
  95. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  96. .person1 {color: {color:text}; padding: 2px; }
  97. .person1 .label {font-weight: bold; color:{color:text}}
  98. .person2 {color: {color:text}; padding: 2px; }
  99. .person2 .label {font-weight: bold; color:{color:text}}
  100.  
  101. .player {background-color: #000; text-align: left; display:block;}
  102.  
  103. .question {
  104. color:{color:text};
  105. font-size: 11px;
  106. font-weight: normal;
  107. font-family: verdana;
  108. line-height:95%;
  109. background: {color:background};
  110. position: relative;
  111. min-height:70px;
  112. padding:10px 15px;
  113. margin-bottom:2px;
  114. margin-right:-10px;}
  115.  
  116. .questionarrow {
  117. font-size:30px;
  118. color:{color:background};
  119. vertical-align:middle;
  120. margin-left:-5px!important;}
  121.  
  122.  
  123. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  124. .asker a {color:{color:text};}
  125. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  126.  
  127. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  128. .asking a{color:{color:text};}
  129. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  130.  
  131. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  132.  
  133.  
  134. .answer {color:{color:answer};}
  135.  
  136. #date {text-align: right; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  137. #date a {font-size: 9px;}
  138.  
  139. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  140. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  141.  
  142. #cap {width: 500px; margin-top: -2px;}
  143. .source {display: none;}
  144.  
  145. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: right}
  146. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  147. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  148. .notes img{display: none; border:0px}
  149.  
  150. #sidebar {position: fixed; margin: -20px 0px 0px 40px;}
  151.  
  152. #side {position: fixed; width:210px; margin-left:179px;}
  153.  
  154. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  155.  
  156. .photo {margin-top:43px; margin-left:-163px; position:absolute; width:233px; padding:5px; background-color:{color:sidebar}; overflow: hidden;-webkit-transition: all 0.6s ease;}
  157. .photo:hover #links {margin-top:100px;height:auto;margin-left:0px;}
  158. .photo img {display: block;width:233px; height:170px; }
  159.  
  160. #links {position:absolute;float:left; display:block; width:100px; height:auto; margin-left: -110px; color:{color:text sidebar}; font-family:tinytots; font-size:8px; text-align:center; padding:5px; margin-top:180px; opacity:0.9; overflow:hidden; -webkit-transition: all 0.6s ease;}
  161. #links a { display:block; width:100px; line-height:17px; padding:0px;background-color:{color:sidebar}; color:{color:text}; margin-bottom: 1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  162. #links a:hover{background-color:{color:bglinkimg}; color:{color:linkimg}; font-weight: bold;}
  163.  
  164. #haha2 { margin-left: -168px; margin-top: 20px; width: 3px; font-size: 20px; height: 224px; text-align: justify; background-color:{color:listra}; line-height: 5px; color:transparent; position: fixed;}
  165.  
  166. #haha3 { margin-left: -163px; margin-top: 224px; width: 243px; font-size: 20px; height: 20px; text-align: justify; background-color:{color:listra}; line-height: 5px; color:transparent; position: fixed;}
  167.  
  168. @font-face {
  169. font-family: 'Give You Glory';
  170. font-style: normal;
  171. font-weight: norAmal;
  172. src: local('Give You Glory'), local('GiveYouGlory'), url('http://themes.googleusercontent.com/font?kit=DFEWZFgGmfseyIdGRJAxuJre1ArFO0nxyUXZnjCjpOg') format('woff');
  173. }
  174. .sdescri {text-align: justify; margin-top:250px; margin-left: -175px; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font-size: 24px; font-family:Homenaje; position: fixed; color: {color:frase}; padding: 9px; background-attachment: fixed; width:245px; height: 10px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; opacity:1; letter-spacing: 0px; font-style: normal; line-height: 3px; }
  175. .sdescri:hover{height: 125px; background-color: {color:descri}; color: {color:text}; font-family: Homenaje;}
  176. .desc{margin-top: 20px; font-size: 8px; font-family: tinytots; letter-spacing: -2px; text-transform: none; line-height: 11px;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase; color: {color:descri}; }
  177.  
  178. #links3 {width: 241px; float: left; margin-left: -163px; height:20px; margin-top: 20px; padding: 1px; text-align: center; position: fixed; background-color: {color:sidebar}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; }
  179.  
  180. #links3 a {float: left; margin-left: 1px; display: block; letter-spacing: 0px; font-family: Homenaje; font-size: 12px; text-align: center; margin-bottom: 1px; width: 58px; background-color: {color:bgmenu}; color:{color:cormenu}; text-decoration: none; text-transform: uppercase; line-height: 20px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; height:20px }
  181.  
  182. #links3 a:hover{text-align: center;background-color: {color:bgmenuhover}; color:{color:cormenuhover}; height: 1px; text-transform: none; text-shadow: 1px 1px 9px #000000; }
  183.  
  184. .paginal {font-family: georgia; position: fixed; margin-left: -140px; margin-top: 227px; font-size: 33px; z-index: 0; -webkit-transform: rotate(-90deg);z-index:100}
  185. .paginal a {color: ; background-color: transparent;}}
  186. .paginal a:hover {color: ;}
  187. .paginal2 {font-family: georgia; position: fixed; margin-left:25 px; margin-top: 227px; font-size: 33px; z-index: 0; -webkit-transform: rotate(-90deg);z-index:100}
  188. .paginal2 a {color: ; background-color: transparent;}
  189. .paginal2 a:hover {color: ;}
  190.  
  191.  
  192. #tumblr_controls{position: fixed!important}
  193. #tumblr_controls{position: fixed!important}
  194. #tumblr_controls{position: fixed!important}
  195. #tumblr_controls{position: fixed!important}
  196.  
  197. ::-webkit-scrollbar {width: 8px; height: 5px;}
  198. ::-webkit-scrollbar-track-piece {background-color: {color:scroll bg}; repeat scroll 0 0 transparent;}
  199. ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: {color:scroll};}
  200. ::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: {color:scroll};}
  201.  
  202.  
  203. #tituloback {text-align: justify; margin-top: -1px; margin-left: 80px; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font-size: 21px; font-family: georgia; position: fixed; background-color: {color:background}; color: {color:texttitle}; padding: 10px; background-attachment: fixed; height: 2px; width:510px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; letter-spacing: -2px; font-style: normal; line-height: 10px; z-index: 7777777;}
  204.  
  205. #linha2 {text-align: justify; margin-top: 19px; margin-left: -163px; overflow: hidden; font-family: georgia; position: fixed; background-color: {color:topo}; color: {color:texttitle}; padding: 1px; background-attachment: fixed; height: -1px; width:762px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; font-style: normal; line-height: -2px; z-index: 7777777;}
  206.  
  207. .credi { margin-left: 540px; margin-top: 8px; position:fixed; font-family: tinytots; font-size: 8px; width: 65px; height: 23px; height: 23px;line-height:12px; z-index:7777777 }
  208. .credi a {font-size: 8px; text-shadow:0px 0px 10px #a3a3a3; }
  209.  
  210.  
  211. </style>
  212. <body onkeydown="return false">
  213.  
  214. <div id="content">
  215.  
  216. <div id="sidebar">
  217. <div id="side">
  218.  
  219. <div id="tituloback"></div>
  220. <div id="linha2"></div>
  221.  
  222. <div class="paginal2">{block:NextPage}<a href="{NextPage}">↓</a>{/block:NextPage}</div>
  223. <div class="paginal">{block:PreviousPage}<a href="{PreviousPage}">↑</a>{/block:PreviousPage}</div>
  224.  
  225. <div id= "haha2"></div>
  226. <div id= "haha3"></div>
  227.  
  228. <div class="photo"><div id="links">
  229. <a href="{text:Link1}">{text:Link1 Title}</a>
  230. <a href="{text:Link2}">{text:Link2 Title}</a>
  231. <a href="{text:Link7}">{text:Link7 Title}</a></div>
  232.  
  233. <img src="{image:sidebar}">
  234. </div>
  235.  
  236. <div class="credi"><div style="margin-left: 0px"><a href="http://sociedade-dos-sentimentosuicidas.tumblr.com">THEME ©</b>, <a href="http://idolatrado.tumblr.com">DTLS</a></div></div>
  237.  
  238. <div class="sdescri"><center>{text:frase}</center><br><br><div class="desc">{description}</div></div>
  239.  
  240. <div id="links3">
  241. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  242. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  243. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  244. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  245.  
  246. </div></div></div>
  247.  
  248.  
  249.  
  250. <div id="post">
  251.  
  252. {block:Posts}
  253. <div id="postbox">
  254. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  255.  
  256. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  257.  
  258. {block:Photoset}{Photoset-500}{/block:Photoset}
  259.  
  260. {block:Quote}
  261. <div class="quote">“{Quote}”</div>
  262. {block:Source}<div class="quotesource"> — {Source}</div>
  263. {/block:Source}
  264. {/block:Quote}
  265.  
  266. {block:Link}
  267. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  268. {block:Description}{Description}{/block:Description}
  269. {/block:Link}
  270.  
  271. {block:Chat}
  272. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  273. <div class="chat"><ul>{block:Lines}
  274. <li class="person{UserNumber}">{block:Label}
  275. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  276. {/block:Chat}
  277.  
  278. {block:Audio}
  279. <div class="player">{AudioPlayerBlack}</div>
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Audio}
  282.  
  283. {block:Video}{Video-500}{/block:Video}
  284.  
  285.  
  286. {block:Answer}
  287. <table width="500px" cellspacing="0" cellpadding="0">
  288. <tr>
  289. <td width="415px" class="question">{Question}</td>
  290. <td width="30px"><span class="questionarrow">◤</span></td>
  291. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  292. </tr>
  293. </table>
  294. <div class="answer">{Answer}</div>
  295. {/block:answer}
  296.  
  297. <div id="cap">
  298. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  299. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  300. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  301.  
  302. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  303. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  304. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  305. {/block:ContentSource}</div></div>
  306. <br>
  307.  
  308.  
  309. <div id="date">
  310. {block:Date}
  311. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">Reblog with love <font color=#7E9ACC>♥</font></a>{/block:IndexPage}
  312. {block:RebloggedFrom}<br> via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  313. {/block:RebloggedFrom}{block:RebloggedFrom} (©<a href="{ReblogRootURL}" title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom}<br><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}
  314. </div>
  315. </div>
  316. </div>{/block:Date}
  317.  
  318.  
  319. {/block:Posts}
  320. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  321.  
  322.  
  323. </div>
  324. </div>
  325. </div>
  326.  
  327. </body>
  328. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement