Advertisement
mycreeptonight

theme #6

Sep 15th, 2012
1,022
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.16 KB | None | 0 0
  1. <!--
  2.  
  3. theme #6 by mycreeptonight
  4. do not remove the credit, use as a base or claim as your own
  5. -->
  6.  
  7. <html>
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#fffcf5" />
  12. <meta name="color:link" content="#bbb6b7" />
  13. <meta name="color:hover" content="#ff0078" />
  14. <meta name="color:text" content="#9c9c9c" />
  15. <meta name="color:select" content="#eb6969" />
  16. <meta name="color:border" content="#d3c9c9" />
  17. <meta name="color:posttitle" content="#e0a0a0" />
  18. <meta name="color:blogtitle" content="#f3c2c7" />
  19. <meta name="color:scrollbar" content="#f77a9b" />
  20. <meta name="color:border" content="#e6c497" />
  21.  
  22. <meta name="if:title" content=""/>
  23. <meta name="if:cursor" content=""/>
  24.  
  25.  
  26.  
  27. <meta name="font:body" content="arial" />
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:link 1" content="link 1" />
  32. <meta name="text:link 1 url" content="/" />
  33. <meta name="text:link 2" content="link 2" />
  34. <meta name="text:link 2 url" content="/" />
  35. <meta name="text:link 3" content="link 3" />
  36. <meta name="text:link 3 url" content="/" />
  37. <meta name="text:link 4" content="link 4" />
  38. <meta name="text:link 4 url" content="/" />
  39. <meta name="text:link 5" content="link 5" />
  40. <meta name="text:link 5 url" content="/" />
  41. <meta name="text:link 6" content="link 6" />
  42. <meta name="text:link 6 url" content="/" />
  43.  
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>{Title}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50. <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  51. <style type="text/css">
  52.  
  53.  
  54. body {
  55. color:{color:text};
  56. background-color:{color:background};
  57. background-position:left;
  58. background-attachment:fixed;
  59. background-repeat:no-repeat;
  60. font-size:10px;
  61. font-family:{font:body};
  62. line-height:110%;
  63. text-align:justify}
  64.  
  65.  
  66.  
  67. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  68. a:hover {color:{color:hover}; text-decoration:none;}
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;}
  71. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  72. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  73.  
  74. ::-moz-selection {background-color:transparent; font-style:bold; color:{color:background};}
  75. ::selection {background-color:transparent; font-style:bold; color:{color:select};}
  76.  
  77. #entries {
  78. margin-left:440px;
  79. margin-top:20px;
  80. width:525px;}
  81.  
  82.  
  83.  
  84. #posts {
  85. width:500px;
  86. background-color:{color:entry};
  87. margin-bottom:10px;
  88. padding:5px;}
  89.  
  90.  
  91.  
  92. #description {
  93. font-family: calibri;
  94. font-size:10px;
  95. text-transform: none;
  96. text-align: center;
  97. padding: 10px;
  98. line-height: 1;}
  99.  
  100.  
  101. #links1 {margin-top:-6px; border-top:1px solid {color:link}; color: {color:link}; font-family:calibri; text-align:center; font-size:10px; text-transform:uppercase; font-weight:none; padding:2px; letter-spacing:1px;}
  102.  
  103. #links2 {margin-top:-1px; font-family:calibri; color: {color:link}; text-align:center; font-size:10px; text-transform:uppercase; font-weight:none; padding:2px; letter-spacing:1px;}
  104.  
  105. #blogtitle {
  106. height: 25px;
  107. background-color: {color:background};
  108. color:{color:blogtitle};
  109. font-size:30px;
  110. text-transform: lowercase;
  111. text-align:center;
  112. font-family: 'Yesteryear', cursive;
  113. margin-top:0px; }
  114.  
  115. #sidebar {
  116. width:220px;
  117. height: 800px;
  118. position: fixed;
  119. top: 90px;
  120. left: 125px;
  121. overflow:hidden;
  122. background-color: {color:sidebar};
  123. font-family: arial;
  124. font-size: 11px;
  125. line-height: 14px;
  126. padding:10px;
  127. -moz-border-radius: 0px 0px 0px 0px;
  128. text-transform:lowercase;
  129. text-align:left;
  130. letter-spacing: 0px;}
  131.  
  132. #sidebarimg img {
  133. width: 220px;
  134. height:auto;
  135. margin-top: 0px;
  136. text-align:center;
  137. -moz-border-radius: 15px;
  138. border-radius: 15px;
  139. }
  140.  
  141. posttitle {color:{color:posttitle};
  142. font-family:georgia;
  143. font-size:15px;
  144. line-height:14px;
  145. letter-spacing:1px;
  146. font-weight:normal;
  147. font-style:none;
  148. text-transform:none;
  149. margin:0px;
  150. padding:0px;
  151. text-align:center}
  152.  
  153. othertitle {
  154. color:{color:posttitle};
  155. font-family:georgia;
  156. font-size:15px;
  157. line-height:14px;
  158. letter-spacing:1px;
  159. font-weight:normal;
  160. font-style:none;
  161. text-transform:none;
  162. margin:0px;
  163. padding:0px;
  164. margin-bottom:-0px;
  165. text-align:center}
  166.  
  167.  
  168.  
  169.  
  170. #info {background-color:{color:info}; margin:3px 0px 7px 0px; font-family:calibri; font-size:10px; text-transform: uppercase; color:{color:text}; letter-spacing:0px;text-align:center; padding:2px;}
  171.  
  172. #tags {background-color:transparent; margin:2px 0px 2px 0px; font-family:calibri; font-size:9px; text-transform: lowercase;text-align:right; padding:1px;}
  173.  
  174.  
  175. #audio {margin-bottom:5px; width:500px; height:100px}
  176. .artcover {width:100px; height:100px; position:absolute;}
  177. .artcover img {width:100px; height:100px; float:left;}
  178. .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;}
  179. .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;}
  180. .audioplayer {width:25px; height:25px; margin-top:34px; margin-left:33px; overflow:hidden; padding:3px;}
  181. .audioinfo {margin-left:110px; line-height:140%; font-family:Calibri font-size:10px!important;}
  182.  
  183. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  184. .bubble p {margin:1px 0px;}
  185. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee}
  186. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  187.  
  188. blockquote {
  189. border-left:2px {color:body} solid;
  190. padding-left:5px;
  191. margin:0px 2px 0px 10px}
  192. blockquote img, blockquote a img {max-width: 490px}
  193.  
  194. b {color:{color:link};} <!-- strong is normal -->
  195. i {color:{color:link};} <!-- em is normal -->
  196. p{margin-top:3px; margin-bottom:3px;}
  197.  
  198. img a{border:none}
  199. .audio{background-color:black; display:block;}
  200.  
  201. .source {text-align:right; font-size: 11px; padding:2px;}
  202.  
  203. .user_1 .label {color:{color:posttitle}; font-weight:bold}
  204. .user_2 .label {color:{color:text}; font-weight:bold}
  205. .user_3 .label {color:{color:link}; font-weight:bold}
  206. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  207.  
  208. .notes img{width:10px; position:relative; top:1px;}
  209. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  210. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  211.  
  212. </style>
  213. <style type="text/css">{CustomCSS}</style>
  214. </head>
  215. <body>
  216.  
  217. {block:ifcursor}<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
  218. {/block:ifcursor}
  219.  
  220.  
  221.  
  222. <div id="sidebar">
  223.  
  224. {block:iftitle}<div id="blogtitle">{Title}</div>{/block:iftitle}
  225.  
  226. <div id="links1">
  227. <a href="{text:link 1 url}">{text:link 1}</a> ·
  228. <a href="{text:link 2 url}">{text:link 2}</a> ·
  229. <a href="{text:link 3 url}">{text:link 3}</a>
  230.  
  231. <div id="sidebarimg">
  232.  
  233. <img src="{image:sidebar}"/></div>
  234.  
  235.  
  236. <div id="links2">
  237. <a href="{text:link 4 url}">{text:link 4}</a> ·
  238. <a href="{text:link 5 url}">{text:link 5}</a> ·
  239. <a href="{text:link 6 url}">{text:link 6}</a> </div>
  240. </div>
  241.  
  242. <div id="description">{block:Description}{Description}{/block:Description}</div>
  243. <br>
  244. <br>
  245.  
  246.  
  247. <center><big><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div><br> </big></center>
  248.  
  249. </div>
  250.  
  251. <div id="entries">
  252.  
  253.  
  254.  
  255. {block:Posts}
  256. <div id="posts">
  257. {block:Quote}
  258. <othertitle><center>"{Quote}"</center>
  259. {block:Source}
  260. <div class="source">—{Source}{/block:Source}</div></othertitle>{/block:Quote}
  261. {block:Title}
  262. <posttitle>{Title}&nbsp;</posttitle>{/block:Title}
  263. {block:Text}
  264. {Body}{/block:Text}
  265. {block:Link}<a href="{URL}" {Target}>{Name}</a>
  266. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  267.  
  268. {block:Photo}
  269. <img src="{PhotoURL-500}" width="500"/>
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:Photo}
  272.  
  273. {block:Photoset}
  274. {Photoset-500}
  275. {block:Caption}{Caption}{/block:Caption}
  276. {/block:Photoset}
  277.  
  278. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  279.  
  280. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  281.  
  282. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  283.  
  284. {block:Audio}
  285. <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">
  286. <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>
  287. <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}
  288. {/block:Audio}
  289.  
  290.  
  291.  
  292.  
  293.  
  294. <div style="border-top: 1px solid {color:border}; padding: 5px; font-size:9px; opacity: 0.8; letter-spacing:-1px; text-transform:lowercase;">
  295. {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  296. {block:ContentSource}&copy; <a href="{SourceURL}"><b>{SourceLink}</b></a>{/block:ContentSource}{/block:RebloggedFrom}<br>
  297. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  298. </div>
  299.  
  300. </div>
  301. <br>
  302. {/block:Posts}
  303. {block:PostNotes} {PostNotes} {/block:PostNotes}
  304.  
  305.  
  306.  
  307.  
  308.  
  309. <div style="right:5px;bottom:5px;position:fixed;font-family:arial;font-size:10px;"><a href="http://lightavenue.tumblr.com/mctt">THEME</a></div>
  310. </div>
  311.  
  312. </body>
  313. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement