Advertisement
in-san0

Theme 45

Nov 27th, 2014
227
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.11 KB | None | 0 0
  1. <! †heme by inebrie-ty !>
  2.  
  3. <html>
  4.  
  5. <head>
  6. <!-- DEFAULT VARIABLES -->
  7. <meta name="color:background" content="#fff" />
  8. <meta name="color:link" content="#696969" />
  9. <meta name="color:link hover" content="#000" />
  10. <meta name="color:text" content="#696969" />
  11. <meta name="color:text links" content="#222222" />
  12. <meta name="color:text descri" content="222222">
  13. <meta name="color:borda" contnet="eeeeee">
  14. <meta name="color:title" content="000000">
  15. <meta name="color:text links hover" content="000000">
  16.  
  17. <meta name="image:background" content="" />
  18. <meta name="image:sidebar" content="http://static.tumblr.com/33f76ef1692c15365b8404c5f155eee7/psl2x3m/nY5mlo3tn/tumblr_static_tumblr_mi45zvoj5b1rnb624o1_500.jpg" />
  19.  
  20. <meta name="text:Link1" content="/" />
  21. <meta name="text:Link1 Title" content="link" />
  22. <meta name="text:Link2" content="/" />
  23. <meta name="text:Link2 Title" content="link" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link3 Title" content="link" />
  26. <meta name="text:Link4" content="/" />
  27. <meta name="text:Link4 Title" content="link" />
  28.  
  29. <meta name="text:title" content="dance, yes, love, next" />
  30.  
  31.                       <title>{Title}</title>
  32.         <link rel="shortcut icon" href="{Favicon}">
  33.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34.         {block:Description}
  35.   <meta name="description" content="{MetaDescription}" />
  36.         {/block:Description}
  37.  
  38.     <style type="text/css">
  39.  
  40. body {background:url('{image:background'); background-repeat: no-repeat; background-attachment: fixed; color:{color:text}; font-family:verdana; font-size:11px; line-height:110%; background-color: {color:background};}
  41.  
  42. a { text-decoration:none; color:{color:link}; -webkit-transition: all 1s ease-out;}
  43. a:hover {text-decoration:none; color:{color:link hover};  -webkit-transition: all 1s ease-out;}
  44.  
  45. p {margin: 6px 0 0 0}
  46.  
  47. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:text}; padding-left: 5px; }
  48. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
  49. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  50. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  51.  
  52. blockquote img{max-width: 470px!important}
  53. blockquote blockquote img{max-width: 450px!important}
  54. blockquote blockquote blockquote img{max-width: 430px!important}
  55. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  56.  
  57. #box {float: left; margin-left: 415px;margin-top: -7px; margin-bottom: 30px;}
  58.  
  59. .boxes {width: 400px; background-color: transparent; padding: 10px; text-align: justify; font-family: tohama; font-size: 11px; position: relative;   margin-bottom: 3px; background: transparent}
  60. .boxes:hover
  61.  
  62. .etc {opacity: 0.8;}
  63. .etc {position:absolute; opacity:0; margin-left:0px; color:{color:text}; padding:2px 10px 2px 5px;font-size: 8px; font-family: georgia; font-style: italic; margin-top: 0px; width: 100px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; text-align: left; padding: 4px; border-left: 1px solid {color:borda}; margin-left: 405px;}
  64. .etc a {color:{color:text};opacity: 1;}
  65. .etc a:hover {opacity: 0.6; -webkit-transition: all 0.4s ease-out}
  66.  
  67. h1 {font-family: georgia; text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 18px;}
  68. h1 a {text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 18px;}
  69. h1 a:hover {text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 18px;}
  70.  
  71. .image {text-align: center; border: 0px;}
  72. .image img {max-width: 400px; margin-bottom: 1px;}
  73.  
  74. .xquote {font-family: Tahoma; text-align: center; font-size: 10px; line-height: 15px; padding: 3px;margin-left: 10px;}
  75. .xquotesource {text-align: center; text-transform: none; margin-bottom: 5px; font-size: 9px; font-weight: bold;}
  76. .xquotesource a, a:hover{text-transform: none;}
  77.  
  78. .chat {line-height: 13px; list-style: none }
  79. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  80. .person1 {background: {color:background};color: {color:text}; padding: 2px; }
  81. .person1 .label {font-weight: bold;  color:{color:text}}
  82. .person2 {color: {color:text}; padding: 2px;  }
  83. .person2 .label {font-weight: bold;  color:{color:text}}
  84.  
  85. .player {background-color: #000; text-align: left; display:block;}
  86.  
  87. #asker {font-family: tohama; text-align: justify; width: 337px; margin-left: 65px; margin-top: -48px; background-color: {color:background}; background-image:url('{image:background}'); font-size: 9px; padding: 2px;}
  88. .answer {padding: 8px; margin-left: 65px; ; width: 330px;=}
  89. #quem {margin-top: 0px; margin-left: 0px; width: 40px; height: 40px; border: 1px solid {color:borda}; padding: 3px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; background-image:url('{image:background}'); background-color: {color:background};}
  90. #quem:hover {opacity: 0.8;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;}
  91.  
  92. .notes {width: 370px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  93. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  94. ol.notes li { margin-bottom: 1px; padding: 5px; }
  95. .notes img{display: none; border:0px}
  96.  
  97.  
  98. #cap {width: 400px; margin-top: -200px; position: relative;}
  99. .source {display: none;}
  100.  
  101. #sidebar {position: fixed; margin: 140px 0px 0px 300px;}
  102.  
  103. #side {position: fixed; width:210px; margin-left:-9px;}
  104.  
  105. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  106.  
  107. @font-face {font-family: "buymore";src: url('http://static.tumblr.com/ygkexbz/mpZm51k9i/buy_more.ttf');}
  108.  
  109. .photo { margin-top:0px; margin-left:-40px; position:absolute; opacity: 1;}
  110. .photo img {display: block; width:151px; height:151px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;opacity: 1; border: 5px solid {color:borda};}
  111. .photo img:hover {opacity: 0.85; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;}
  112.  
  113. #vish {z-index: 49;position:absolute; width:1px; height: auto; font-size:10px; font-family: tahoma; text-align:center; color:{color:text descri}; padding: 5px; margin-top:156px; margin-left:-40px; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-trasition: all 0.5s ease-out; opacity: 1; text-transform:uppercase;}
  114.  
  115. #nass {z-index: 60;position:absolute;width:161px; height:18; font-size:10px; font-family: georgia; text-align:center; color:{color:title}; padding: 0px; margin-top:-14px; margin-left:-40px; text-transform: lowercase; line-height: 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; font-style: italic;}
  116.  
  117. .lucgato {z-index: 704;width: 100px; height: auto; padding:0px; margin-top:162px; margin-left: -25px; position: fixed; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; opacity: 1}
  118. .lucgato a {text-align: left; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; line-height: 5px; padding: 3px; font-family: georgia; font-size: 10px; color: {color:text links}; margin-bottom: 1px; text-transform:lowercase; width:125px; height:5px; font-style: italic; border-left: 1px solid transparent; border-right: 1px solid transparent; text-indent:0px; border-radius: 100px;}
  119. .lucgato a:hover {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; color:{color:text links hover}; margin-left: -10px; border-radius: 0px; background:{color:background};}
  120.  
  121. #credit {position:fixed; margin-top:0px; margin-left:20px; font-size:9px; padding:5px; font-family: georgia;}
  122. #credit a {color:{color:text descri}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; padding: 4px; border-bottom: 2px solid transparent}
  123. #credit a:hover {border-bottom: 1px solid {color:link hover}; color: {Color:link hover};}
  124.  
  125. #tumblr_controls{position: fixed!important}
  126. #tumblr_controls{position: fixed!important}
  127. #tumblr_controls{position: fixed!important}
  128. #tumblr_controls{position: fixed!important}
  129.  
  130. ::-webkit-scrollbar {width: 5px; height: 5px;}
  131. ::-webkit-scrollbar-track-piece {background-color: transparent;}  
  132. ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: {color:text};}
  133. ::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: {color:text};}
  134. ::moz-selection {color:{color:text link hover}; background:transparent;}
  135. ::selection {color:{color:link hover}; background:transparent;}
  136.  
  137. </style>
  138. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  139. <body>
  140. <body onkeydown="return false">
  141.  
  142. <div id="credit"><center><a title="∆ inebrie-ty ∆" href="http://inebrie-ty.tumblr.com/">@ inebrie-ty</a></center>
  143. </div>
  144.  
  145. <body>
  146.  
  147. <div id="sidebar">
  148. <div id="side">
  149.  
  150. <div class="photo"><img src="{image:sidebar}"></div>
  151. <div class="lucgato">
  152. <a href="{text:Link1}">{text:Link1 Title}</a>
  153. <a href="{text:Link2}">{text:Link2 Title}</a>
  154. <a href="{text:Link3}">{text:Link3 Title}</a>
  155. <a href="{text:Link4}">{text:Link4 Title}</a>
  156. </div>
  157. <div id="vish">{Description}</div>
  158.  
  159. <div id="nass">{text:title}</div>
  160.  
  161. </div></div>
  162.  
  163. <div class="autopagerize_page_element">
  164. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  165.  
  166. <div id="box">
  167. {block:Posts}
  168. <div class="boxes">
  169. {block:Text}
  170.  
  171. <span class="etc">
  172. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  173. <a href="{Permalink}">{TimeAgo}</a><br>
  174. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  175. </span>
  176.  
  177. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  178.  
  179. {/block:Text}
  180.  
  181. {block:Photo}
  182.  
  183. <span class="etc">
  184. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  185. <a href="{Permalink}">{TimeAgo}</a><br>
  186. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  187. <a href="{ReblogParentURL}" title="{ReblogParentTitle}"> </a><br>
  188. </span>
  189.  
  190.  
  191. {LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}
  192. {block:Caption}{Caption}{/block:Caption}
  193. {/block:Photo}
  194.  
  195. {block:Photoset}
  196.  
  197. <span class="etc">
  198. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  199. <a href="{Permalink}">{TimeAgo}</a><br>
  200. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  201. </span>
  202.  
  203. {Photoset-400}
  204. {block:Caption}{Caption}{/block:Caption}
  205. {/block:Photoset}
  206.  
  207. {block:Quote}
  208.  
  209. <span class="etc">
  210. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  211. <a href="{Permalink}">{TimeAgo}</a><br>
  212. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  213. </span>
  214.  
  215. <div class="xquote">“{Quote}”</div>
  216. {block:Source}<div class="xquotesource"><b>{Source}</b></div>
  217. {/block:Source}
  218.  
  219. {/block:Quote}
  220.  
  221. {block:Link}
  222.  
  223. <span class="etc">
  224. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  225. <a href="{Permalink}">{TimeAgo}</a><br>
  226. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  227. </span>
  228.  
  229. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  230. {block:Description}{Description}{/block:Description}
  231.  
  232. {/block:Link}
  233.  
  234. {block:Chat}
  235.  
  236. <span class="etc">
  237. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  238. <a href="{Permalink}">{TimeAgo}</a><br>
  239. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  240. </span>
  241.  
  242. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  243. <div class="chat"><ul>{block:Lines}
  244. <li class="person{UserNumber}">{block:Label}
  245. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  246.  
  247. {/block:Chat}
  248.  
  249. {block:Audio}
  250.  
  251. <span class="etc">
  252. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  253. <a href="{Permalink}">{TimeAgo}</a><br>
  254. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  255. </span>
  256.  
  257. <div class="player">{AudioPlayerBlack}</div>
  258.  
  259. {/block:Audio}
  260.  
  261. {block:Video}
  262.  
  263. <span class="etc">
  264. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  265. <a href="{Permalink}">{TimeAgo}</a><br>
  266. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  267. </span>
  268.  
  269. {Video-400}
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:Video}
  272.  
  273.  
  274. {block:Answer}
  275. <span class="etc">
  276. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  277. <a href="{Permalink}">{TimeAgo}</a><br>
  278. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  279. </span>
  280. <div id="quem"><img src="{AskerPortraitURL-40}"/></div>
  281. <div id="asker">{Asker} <b>asked:</b> {Question}</div>
  282. <div class="answer">{Answer}</div>
  283. {/block:Answer}
  284.  
  285. </div>
  286.  
  287. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  288.       <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  289.        {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  290. {/block:ContentSource}</div>
  291.  
  292. {/block:Posts}
  293. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  294.  
  295.  
  296.  
  297.  
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303.  
  304. </body>
  305. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement