Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme #1

By: spoiltheending on May 24th, 2012  |  syntax: None  |  size: 11.78 KB  |  hits: 737  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. theme #01 by spoiltheending.tumblr.com -->
  3.  
  4. <html>
  5. <!-- DEFAULT VARIABLES -->
  6. <head>
  7.  
  8. <meta name="color:icon link" content="#DFDEE6" />
  9. <meta name="color:background" content="#FAFAFA" />
  10. <meta name="color:entry" content="#FAFAFA" />
  11. <meta name="color:info" content="#FAFAFA" />
  12. <meta name="color:Bold" content="#A2587E" />
  13. <meta name="color:Italic" content="#f37ea3" />
  14.  
  15. <meta name="color:slinks" content="#ECD3D9"/>
  16. <meta name="color:shover" content="#F0EBEC"/>
  17.  
  18. <meta name="color:ask text" content="#968F88" />
  19. <meta name="color:link" content="#FFFFFF" />
  20. <meta name="color:ask bg" content="#F7F6F2" />
  21.  
  22. <meta name="color:scrollbar" content="#e0a0a6" />
  23.  
  24. <meta name="color:title" content="#8D7681" />
  25. <meta name="color:texty" content="#968F88" />
  26. <meta name="color:urls" content="#e0a0a6" />
  27.  
  28. <meta name="font:title" content="georgia" />
  29. <meta name="font:body" content="trebuchet ms" />
  30.  
  31. <meta name="color:Chat1" content="#F7F6F2" />
  32. <meta name="color:Chat2" content="#FCFCFC" />
  33.  
  34.     <meta name="text:Link1" content="" />
  35.     <meta name="text:Link1 Title" content="" />
  36.     <meta name="text:Link2" content="" />
  37.     <meta name="text:Link2 Title" content="" />
  38.     <meta name="text:Link3" content="" />
  39.     <meta name="text:Link3 Title" content="" />  
  40.  
  41. <meta name="image:sidebar" content="" />
  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.     <style type="text/css">
  49. iframe#tumblr_controls{ right: 3px !important; position: fixed !important; }
  50. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:30px;}
  51. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  52. ::-webkit-scrollbar {background-color:{color:entry}; height:10px; width:10px;}
  53.  
  54. body {color:{color:texty}; background-color:{color:background}; background-attachment:fixed; font-family:{font:body}; font-size:11px; line-height:110%; text-align:justify}
  55.  
  56. a:link, a:active, a:visited{color:{color:urls}; text-decoration:none}
  57. a:hover{color:#57514f; -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  58.  
  59. a:hover{color:{color:1hover}; font-weight:none; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}}
  60.  
  61. small{font-size:10px; line-height:110%}
  62. big {font-size:14px; line-height:110%}
  63. b, strong{color:{color:texty}}
  64. i, em {color:{color:texty}}
  65. p{margin-top:5px; margin-bottom:5px}
  66. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:texty}}
  67. blockquote img {max-width:250px}
  68.  
  69. img a{border:none; width:100%}
  70.  
  71. #container {background-color:transparent; width: 800px;  text-align: center; margin: 0 auto -10px auto}
  72.  
  73. #entries {margin: 22px 0 -10px 260px; margin-right:20px; float:right; text-align: justify}
  74.  
  75. #entry {margin: 0px 0 0px 0; width: 500px; background-color:{color:entry}; text-align: justify; padding: 4px}
  76.  
  77. #sidebar {top: 60px; margin-left:-900px; padding:0px; width: 250px; position:fixed}
  78.  
  79. #slinks {top: 90px; margin-left:-80px; padding:0px; width: 250px; position:fixed}
  80.  
  81. #slinks a{font-size: 11px; display: block;color:{color:link}; background-color:{color:slinks}; text-align:center; width: 80px; height:15px; padding: 2px 0 2px 0; margin-bottom: 2px; text-transform: none; text-decoration: none; border-top-right-radius:0px; border-bottom-left-radius:25px; border-top-left-radius:25px; border-bottom-right-radius:0px;
  82. -webkit-transition: all 0.4s ease-in-out;
  83. -moz-transition: all 0.4s ease-in-out;
  84. transition: all 0.4s ease-in-out;}
  85.  
  86.  #slinks a:hover{ background-color: {color:shover}; width: 110px; color: {color:link}; padding-right: 0px; margin-left: -30px; border-top-right-radius:0px; border-bottom-left-radius:25px; border-top-left-radius:25px; border-bottom-right-radius:0px;
  87. -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  88.  
  89. #description img{max-width:250px; margin-bottom:0px; border:0px solid {color:info}}
  90.  
  91. #title {font-size:13px; text-align:center; letter-spacing: 2px; color:{color:title}; font-family: georgia; text-transform: lowercase; font-style: italic; line-height:110%}
  92.  
  93. @font-face {
  94.     font-family: 'LavanderiaDelicate';
  95.     src: url('http://static.tumblr.com/2lqtwbf/0Gylyrsld/lavanderia_delicate-webfont.eot');
  96.     src: url('http://static.tumblr.com/2lqtwbf/0Gylyrsld/lavanderia_delicate-webfont.eot?#iefix') format('embedded-opentype'),
  97.          url('http://static.tumblr.com/2lqtwbf/2Fnlyrsn1/lavanderia_delicate-webfont.ttf') format('truetype'),
  98.          url('http://static.tumblr.com/2lqtwbf/zPFlyrsmj/lavanderia_delicate-webfont.svg#LavanderiaDelicate') format('svg');
  99.     font-weight: normal;
  100.     font-style: normal;}
  101.  
  102. @font-face {
  103.     font-family: 'LavanderiaRegular';
  104.     src: url('http://static.tumblr.com/2lqtwbf/G1Dlyrsst/lavanderia_regular-webfont.eot');
  105.     src: url('http://static.tumblr.com/2lqtwbf/G1Dlyrsst/lavanderia_regular-webfont.eot?#iefix') format('embedded-opentype'),
  106.          url('http://static.tumblr.com/2lqtwbf/RAPlyrset/lavanderia_regular-webfont.ttf') format('truetype'),
  107.          url('http://static.tumblr.com/2lqtwbf/kb1lyrsq2/lavanderia_regular-webfont.svg#LavanderiaRegular') format('svg');
  108.     font-weight: normal;
  109.     font-style: normal;}
  110.  
  111. #label {font-weight:bold; color:{color:bold}}
  112.  
  113. blockquote {border-left:3px {color:body} solid; padding-left:3px; margin:0px 0px 0px 10px;}
  114. ul, li, ol {margin:0px 0px 0px 10px; color:{color:body}; padding-left:4px}
  115.  
  116. b, strong, .strong {color:{color:Bold};}
  117. i, em, .em {color:{color:Italic};}
  118.  
  119. a {color:{color:link}; text-decoration:none;}
  120.  
  121. .chat .line{
  122. font:9px {font:Body};
  123. background-color:{color:chat1};
  124. margin: 0 0 1px;
  125. padding: 2px;
  126. }
  127. .chat .line.odd{ background-color:{color:chat2};}
  128.  
  129. #stext {text-align:center; font-family: georgia; font-size: 10px; padding:1px; margin-bottom:3px}
  130.  
  131. #pagination {font-family:georgia; text-align:center; font-size:12px; text-transform:uppercase}
  132.  
  133. #tbar { width:115px; height:110%; margin-left:850px; margin-top:0px; position:fixed; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:3px}
  134.  
  135. #timg {margin-top:150px; margin-bottom:10px}
  136. #timg img {width: 80px; height:80px;border:5px solid {color:icon link}}
  137.  
  138. h1{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  139.  
  140. h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  141.  
  142. #source{font-size:11px; text-align:right; margin-top:1px}
  143.  
  144. #info {background-color:{color:info}; margin:6px 0px 0px 0px; padding:3px; display:block; font-family:calibri; letter-spacing:1px; font-size:10px; text-transform:uppercase; text-align:center;}
  145. #info a {color:{color:urls}}
  146. #info a:hover{color:#57514f; -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  147.  
  148. #tags {background-color:transparent; text-align:center; margin-left:7px; padding:3px; text-transform:uppercase; letter-spacing:1px; font-style:italic; font-size:9px; width:495px}
  149.  
  150. #questions {background-color:{color:ask bg}; color: {color:ask text}; padding:10px; font-family:font-family:{font:body}; font-size:12px;}
  151. #questions a {color:ask bg;}
  152.  
  153. #questions img{border-color:{color:border} border: 3px solid; float: left; padding: 2px; margin: 0px 2px 5px 0px;}
  154.  
  155. .audio{background-color:black; display:block;}
  156.  
  157. .user_1 .label {color:{color:urls}; font-weight:bold}
  158. .user_2 .label {color:{color:texty}; font-weight:bold}
  159. .user_3 .label {color:{color:urls}; font-weight:bold}
  160. .user_4 .label {color:{color:texty}; font-weight:bold}
  161. .user_5 .label {color:{color:urls}; font-weight:bold}
  162. .user_6 .label {color:{color:texty}; font-weight:bold}
  163. .user_7 .label {color:{color:urls}; font-weight:bold}
  164. .user_8 .label {color:{color:texty}; font-weight:bold}
  165. .user_9 .label {color:{color:urls}; font-weight:bold}
  166. .user_10 .label {color:{color:texty}; font-weight:bold}
  167. .user_11 .label {color:{color:urls}; font-weight:bold}
  168. .user_12 .label {color:{color:texty}; font-weight:bold}
  169. .user_13 .label {color:{color:urls}; font-weight:bold}
  170. .user_14 .label {color:{color:texty}; font-weight:bold}
  171. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  172.  
  173. .notes img{width:10px; position:relative; top:1px}
  174. ol.notes, .notes li{width:490px; list-style:none; margin:4px 0 -3px 5px; padding:0px}
  175.  
  176.  
  177.     </style>
  178.     <style type="text/css">{CustomCSS}</style>
  179.  
  180. </head>
  181.  
  182. <body>
  183.  
  184. <div id="container">
  185. <div id="lside">
  186.  
  187. <div id="entries">
  188.  
  189. {block:Posts}
  190. <div id="entry">
  191.  
  192. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  193.  
  194. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  195.  
  196. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  197. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  198.  
  199. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  200. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  201.  
  202. {block:Photoset}<center>{Photoset-500}</center>
  203. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  204.  
  205. {block:Chat}
  206. {block:Title}
  207. <div id="title"><div class="texttitle">{Title}</div></div>
  208. {/block:Title}<br>
  209. <div class="chat">
  210. {block:Lines}<div class="chat"><div class="line {Alt}">
  211. <div class="{Alt} user_{UserNumber}">
  212. {block:Label}
  213. <span class="label"><b>{Label}</b></span>
  214. {/block:Label}
  215. {Line}</div>
  216. </div></div>
  217. {/block:Lines}
  218. </div>
  219. {/block:Chat}
  220.  
  221. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  222.  
  223. {block:Answer}
  224. <div id="questions"><img src="{AskerPortraitURL-24}"><u> {Asker} said: </u><br />{Question}</div>
  225. <div id="answer">{Answer}</div>{/block:Answer}
  226.  
  227. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  228.  
  229. <div id="info">{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a> |{/block:RebloggedFrom}{block:ContentSource}  <a href="{SourceURL}">{SourceLink}</a><br />{/block:ContentSource}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br />
  230. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  231. </div>
  232.  
  233. <br />
  234.  
  235. {/block:Posts}
  236.  
  237. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  238. </div>
  239.  
  240. <div id="tbar">
  241. <div align="center" id="timg"><img src="{PortraitURL-96}"></div>
  242. <div id="title"><a href="/">{Title}</a></div>
  243. <br>
  244. <br>
  245. <div id="pagination"><br />{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  246.  
  247.  
  248. <div id="sidebar">
  249. <div id="description">
  250.  
  251. <div align="center"><a href="/"><img src="{image:sidebar}" /></a></div>
  252. <div id="stext">{Description}</div>
  253. </div>
  254.  
  255. <div id="slinks">
  256. <a href="/">home</a>
  257. <a href="/archive">archive</a>
  258. <a href="/ask">ask</a>
  259. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  260. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  261. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  262. <a href="http://amywiliams.tumblr.com/tagged/themes">theme</a>
  263. </div>
  264.  
  265. </body>
  266. </html>
create a new version of this paste RAW Paste Data