Advertisement
mycreeptonight

theme #8

Oct 28th, 2012
457
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 KB | None | 0 0
  1. <!--
  2.  
  3. theme #8 by mycreeptonight
  4. do not remove the credit, use as a base or claim as your own ok thx bye
  5.  
  6. -->
  7.  
  8. <html>
  9. <head>
  10.  
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:background" content="#fcfbfa" />
  14. <meta name="color:info" content="##b9b9b9" />
  15. <meta name="color:link" content="#cf8e8e" />
  16. <meta name="color:hover" content="#ac798f" />
  17. <meta name="color:text" content="#a5a5a5" />
  18. <meta name="color:select" content="#ff006e" />
  19. <meta name="color:askbg" content="#f8f8f8" />
  20. <meta name="color:askborder" content="#dbc8ca" />
  21. <meta name="color:border" content="#e9eaeb" />
  22. <meta name="color:posttitle" content="#d19f9f" />
  23. <meta name="color:blogtitle" content="#777777" />
  24. <meta name="color:scrollbar" content="#d6d4d2" />
  25.  
  26. <meta name="if:title" content=""/>
  27.  
  28.  
  29. <meta name="font:body" content="arial" />
  30.  
  31. <meta name="image:sidebar" content=""/>
  32.  
  33. <meta name="text:Link1" content="" />
  34. <meta name="text:Link1 Title" content="" />
  35. <meta name="text:Link2" content="" />
  36. <meta name="text:Link2 Title" content="" />
  37. <meta name="text:Link3" content="" />
  38. <meta name="text:Link3 Title" content="" />
  39. <meta name="text:Link4" content="" />
  40. <meta name="text:Link4 Title" content="" />
  41.  
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44. <title>{Title}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48. <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>
  49. <style type="text/css">
  50.  
  51. body {
  52. color:{color:text};
  53. background-color:{color:background};
  54. background-position:left;
  55. background-attachment:fixed;
  56. background-repeat:no-repeat;
  57. font-size:10px;
  58. font-family:cambria;
  59. line-height:110%;
  60. text-align:justify}
  61.  
  62. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  63. a:hover{color:{color:hover}}
  64.  
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;}
  67. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  68. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  69.  
  70. ::-moz-selection {background-color:transparent; font-style:bold; color:{color:background};}
  71. ::selection {background-color:transparent; font-style:bold; color:{color:select};}
  72.  
  73. h1 { text-transform: lowercase; font-family:cambria; font-style: italic; letter-spacing:-1px; font-size:15px;}
  74.  
  75.  
  76.  
  77.  
  78. #entries {
  79. margin-left:430px;
  80. margin-top:50px;
  81. width:500px;}
  82.  
  83.  
  84.  
  85. #posts {
  86. width:500px;
  87. margin-top:40px;
  88. text-align:justify;
  89. font-style:italic;
  90. text-transform:none;
  91. font-size:11px;
  92. line-height:90%;
  93. letter-spacing:0.5px;
  94. color:{color:text};
  95. }
  96.  
  97.  
  98.  
  99. #description {
  100. font-family: cambria;
  101. font-size:9px;
  102. text-transform: none;
  103. text-align: center;
  104. padding: 10px;
  105. line-height: 1;
  106. background-color: {color:background}; margin-bottom: -10px; text-transform: lowercase; border:1px solid {color:border}; padding:5px;
  107. opacity: 1; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; height: auto; font-size: 11px; letter-spacing: 1px; margin-left: 1px;}
  108.  
  109. #navigationbar {
  110. height: 31px;
  111. background-color: {color:background};
  112. font-size:10px;
  113. text-transform: lowercase;
  114. text-align:center;
  115. margin-top:0px;
  116. padding: 2px 0px 2px 0px;}
  117.  
  118. #navigationbar a:hover{
  119. opacity:0.75;
  120. -moz-transition-duration:0.5s;
  121. -webkit-transition-duration:0.5s;
  122. -o-transition-duration:0.5s;
  123. }
  124.  
  125.  
  126. #blogtitle {
  127. height: 20px;
  128. background-color: {color:background};
  129. color:{color:blogtitle};
  130. font-size:13px;
  131. text-align:center;
  132. text-transform: none;
  133. font-family: cambria;
  134. font-style:italic;
  135. margin-top:0px; }
  136.  
  137. #sidebar {
  138. width:160px;
  139. height: 800px;
  140. position: fixed;
  141. top: 190px;
  142. left: 165px;
  143. overflow:hidden;
  144. background-color: {color:sidebar};
  145. font-family: arial;
  146. font-size: 11px;
  147. line-height: 14px;
  148. padding:10px;
  149. -moz-border-radius: 0px 0px 0px 0px;
  150. text-transform:lowercase;
  151. text-align:left;
  152. letter-spacing: 0px;}
  153.  
  154. #sidebarimg img {
  155. width: 160px;
  156. height:auto;
  157. margin-top: 0px;
  158. text-align:center;
  159. -moz-border-radius: 10px;
  160. border-radius: 10px;
  161. }
  162.  
  163. #sidebarimg img:hover{
  164. opacity:0.75;
  165. -moz-transition-duration:0.5s;
  166. -webkit-transition-duration:0.5s;
  167. -o-transition-duration:0.5s;
  168. }
  169.  
  170. posttitle {color:{color:posttitle};
  171. font-family:cambria;
  172. font-size:15px;
  173. line-height:14px;
  174. letter-spacing:1px;
  175. font-weight:none;
  176. font-style:italic;
  177. text-transform:lowercase;
  178. margin:0px;
  179. padding:0px;
  180. text-align:center}
  181.  
  182. othertitle {
  183. color:{color:posttitle};
  184. font-family:cambria;
  185. font-size:15px;
  186. line-height:14px;
  187. letter-spacing:1px;
  188. font-weight:none;
  189. font-style:italic;
  190. text-transform:lowercase;
  191. margin:0px;
  192. padding:0px;
  193. margin-bottom:-0px;
  194. text-align:center}
  195.  
  196.  
  197.  
  198. .navigation {
  199. margin-top:1px;
  200. width: 160px;
  201. position: absolute;
  202. text-align: center;}
  203. .navigation a {
  204. background-color: transparent;
  205. padding: 2px;
  206. font-family: cambria;
  207. font-style: italic;
  208. font-size: 11px;
  209. margin-left:5px;
  210. color: {color:link};}
  211.  
  212.  
  213.  
  214.  
  215. .ask {
  216. padding:10px 20px 10px 20px;
  217. text-align:left;
  218. color:{color:text};
  219. background-color:{color:askbg};
  220. border-top: 1px solid {color:askborder};
  221. }
  222.  
  223. .ans {
  224. text-align:left;
  225. padding:10px 20px 10px 20px;
  226. color:{color:text};
  227. }
  228.  
  229.  
  230. #audio {margin-bottom:5px; width:500px; height:100px}
  231. .artcover {width:100px; height:100px; position:absolute;}
  232. .artcover img {width:100px; height:100px; float:left;}
  233. .player {position:absolute; z-index:1; background:#000; opacity:0.2; width:100px; height:100px; display:block; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out;}
  234. .player:hover {opacity:0.5; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out;}
  235. .audioplayer {width:25px; height:25px; margin-top:34px; margin-left:33px; overflow:hidden; padding:3px;}
  236. .audioinfo {margin-left:110px; line-height:140%; font-family:Cambria font-size:10px!important;}
  237.  
  238. blockquote {
  239. border-left:1px solid {color:text};
  240. padding-left:5px;
  241. margin:5px;
  242. }
  243.  
  244. b {color:{color:link};} <!-- strong is normal -->
  245. i {color:{color:link};} <!-- em is normal -->
  246. p{margin-top:3px; margin-bottom:3px;}
  247.  
  248. img a{border:none}
  249. .audio{background-color:black; display:block;}
  250.  
  251. .source {text-align:right; font-size: 11px; padding:2px;}
  252.  
  253. .user_1 .label {color:{color:posttitle}; font-weight:bold}
  254. .user_2 .label {color:{color:text}; font-weight:bold}
  255. .user_3 .label {color:{color:link}; font-weight:bold}
  256. ul.chat, .chat ol, .chat li {
  257. list-style:none;
  258. margin:0px;
  259. padding:0px
  260. }
  261.  
  262. .notes img{width:10px; position:relative; top:1px;}
  263. ol.notes, .notes li{list-stylhttp://www.tumblr.com/customize-classic#e:none; margin:0px; padding:0px;}
  264. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  265.  
  266. </style>
  267. <style type="text/css">{CustomCSS}</style>
  268. </head>
  269. <body>
  270.  
  271. <div id="sidebar">
  272.  
  273. {block:iftitle}<div id="blogtitle">{Title}</div>{/block:iftitle}
  274.  
  275. <div id="sidebarimg">
  276.  
  277.  
  278. <img src="{image:sidebar}"/></div>
  279.  
  280.  
  281. <div id="navigationbar"><div class="navigation">
  282.  
  283. <a href="{text:Link1}" target="_self">{text:Link1 Title}</a>
  284. <a href="{text:Link2}" target="_self">{text:Link2 Title}</a>
  285. <a href="{text:Link3}" target="_self">{text:Link3 Title}</a>
  286. <a href="{text:Link4}" target="_self">{text:Link4 Title}</a>
  287.  
  288. </div></div>
  289.  
  290. <div id="description">{block:Description}{Description}{/block:Description}</div>
  291. <br>
  292. <br>
  293. <center><small><small>
  294. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">ยซ</a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">ยป</a>{/block:NextPage}</small></small>
  295. </center>
  296.  
  297.  
  298. </div>
  299.  
  300. <div id="entries">
  301.  
  302.  
  303.  
  304. {block:Posts}
  305. <div id="posts">
  306. {block:Quote}
  307. <othertitle><center>"{Quote}"</center>
  308. {block:Source}
  309. <div class="source">โ€”{Source}{/block:Source}</div></othertitle>{/block:Quote}
  310. {block:Title}
  311. <posttitle>{Title}&nbsp;</posttitle>{/block:Title}
  312. {block:Text}
  313. {Body}{/block:Text}
  314.  
  315. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  316.  
  317. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  318.  
  319. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  320.  
  321. {block:Photoset}<center>{Photoset-500}</center>
  322. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  323.  
  324. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  325.  
  326. {block:Answer}<div class="ask">{Asker} said: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  327.  
  328. {block:Audio}
  329. <div id="audio"><div class="artcover"><img src="http://static.tumblr.com/tiu5k68/4HZm80h4d/music001.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player">
  330. <div class="audioplayer">{AudioPlayerBlack}</div></div><div class="audioinfo"><br><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b>
  331. <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>{block:Caption}{Caption}{/block:Caption}
  332. {/block:Audio}
  333.  
  334.  
  335. </div>
  336.  
  337. <div style="border-top: 1px solid {color:border}; color:{color:info};
  338. padding: 5px; font-size:9px; font-family: cambria; font-style:italic; font- opacity: 0.8; letter-spacing:0px;line-height:120%; text-transform:lowercase;">
  339. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  340. {NoteCountWithLabel}</a>&nbsp;{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  341. {block:ContentSource}&copy; <a href="{SourceURL}"><b>{SourceLink}</b></a>{/block:ContentSource}{/block:RebloggedFrom}<br>
  342. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  343. </div>
  344.  
  345. <br>
  346. {/block:Posts}
  347. {block:PostNotes} {PostNotes} {/block:PostNotes}
  348.  
  349. </div>
  350.  
  351.  
  352. <div style="right:5px;bottom:5px;position:fixed;font-family:cambria;font-size:10px;"><a href="http://lightavenue.tumblr.com/mctt">THEME</a></div>
  353.  
  354. </body>
  355. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement