Advertisement
mycreeptonight

theme #9

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