API tools faq
paste
Advertisement
lauracw

THEME #3 - VIOLET HILL

lauracw
Mar 26th, 2013
547
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5. █▀▀▄ █░░ █░░█ █▀▀ ▀█░█▀ █░░ ▀█░█▀ █▀▀ ▀▀█▀▀
  6. █▀▀▄ █░░ █░░█ █▀▀ ░█▄█░ █░░ ░█▄█░ █▀▀ ░░█░░
  7. ▀▀▀░ ▀▀▀ ░▀▀▀ ▀▀▀ ░░▀░░ ▀▀▀ ░░▀░░ ▀▀▀ ░░▀░░
  8.  
  9.  
  10. theme #3 >> VIOLET HILL
  11. -->
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!-- META NAMES -->
  20.  
  21. <meta name="color:text" content="#303030" />
  22. <meta name="color:sidelinks" content="#BDBDBD" />
  23. <meta name="color:sidelinkshover" content="#ffffff" />
  24. <meta name="color:link" content="#6E6E6E" />
  25. <meta name="color:linkhovercolor" content="#c8cac8" />
  26. <meta name="color:big" content="#6E6E6E" />
  27. <meta name="color:description" content="#ffffff" />
  28. <meta name="color:bold" content="#424242" />
  29. <meta name="color:blogtitle" content="#dbdbdb" />
  30. <meta name="color:border" content="#dbdbdb" />
  31. <meta name="color:sidebar" content="#000000" />
  32. <meta name="color:italic" content="#f2e5be" />
  33. <meta name="color:border" content="#e4e3e2" />
  34. <meta name="color:linkscolor" content="#666666" />
  35. <meta name="color:Hover" content="#757575"/>
  36.  
  37. <meta name="text:titlee" content="your blog title here" />
  38. <meta name="text:link 1" content="" />
  39. <meta name="text:link 1 title" content="link 01" />
  40. <meta name="text:link 2" content="" />
  41. <meta name="text:link 2 title" content="link 02" />
  42. <meta name="text:link 3" content="" />
  43. <meta name="text:link 3 title" content="link 03" />
  44.  
  45.  
  46. <meta name="image:sidebar" content=""/>
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. /* --- SCROLLBAR ---*/
  52.  
  53.  
  54. ::-webkit-scrollbar {height: auto;width: 5px;}
  55. ::-webkit-scrollbar-thumb {background-color:{color:sidebar};}
  56. ::-webkit-scrollbar-track{background-color:#ffffff;}
  57. ::-moz-selection {background-color:transparent; font-style:bold; color:{color:background};}
  58. ::selection {background-color:transparent; font-style:bold; color:#000;}
  59.  
  60. /* --- BODY ---*/
  61.  
  62.  
  63. body {
  64. font-family:'times new';
  65.  
  66. font-size: 10px;
  67. line-height:100%;
  68. color: #BDBDBD;
  69. background-color: #ffffff;
  70. -moz-transition-duration: 0.7s;
  71. -webkit-transition-duration: 0.7s;
  72. -o-transition-duration: 0.7s;
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color:#848484;
  80. }
  81.  
  82. img {
  83. border:none;}
  84.  
  85.  
  86. img:hover{border:none;}
  87.  
  88. /* --- POSTS ---*/
  89.  
  90. #entries { margin-left:450px; margin-top:60px; width:500px;}
  91.  
  92.  
  93. #posts{margin-bottom:15px; overflow:hidden; background-color:white;}
  94.  
  95.  
  96. /* --- SIDEBAR, LINKS, DESCRIPTION, PAGINATION ---*/
  97.  
  98. /* --- SIDEBAR ---*/
  99.  
  100. #sidebar {margin-top:180px;width:180px;height:auto;margin-left:30px;position:fixed;z-index:999999999;outline:1px solid #d5d3d3;outline-offset:-5px;
  101. }
  102.  
  103. #sidebar img {width:180px;height:270px;margin-left:150px;position:fixed;z-index:999999999;outline:1px solid {color:border};outline-offset:-5px;}
  104.  
  105.  
  106.  
  107. #side {height:auto; width:225px; margin-top:px; text-align:center; padding:5px; position:fixed; background:transparent;}
  108.  
  109.  
  110.  
  111. #sidebar:hover .description{opacity:1;-webkit-transition: all 0.9s ease;
  112. -moz-transition: all 0.9s ease;
  113. -o-transition: all 0.9s ease;}
  114.  
  115.  
  116. #sidebar:hover .blogtitle{
  117. opacity:0;-webkit-transition: all 0.9s ease;
  118. -moz-transition: all 0.9s ease;
  119. -o-transition: all 0.9s ease;}
  120.  
  121. /* --- LINKS ---*/
  122.  
  123.  
  124. .sidebarlinks {
  125. text-align:left;
  126. margin-left:148px;
  127. width:220px;
  128. opacity:1;
  129. position:fixed;
  130. margin-top:280px;
  131. font-family:'trebuchet ms';
  132. font-size:10px;
  133. text-transform:uppercase;
  134. position:fixed;
  135. -webkit-transition: all 0.7s ease;
  136. -moz-transition: all 0.7s ease;
  137. -o-transition: all 0.7s ease;}
  138.  
  139.  
  140. .sidebarlinks a{
  141. color:{color:sidelinks};width:32px;display:inline-block;text-align:center;text-align:center;-webkit-transition: all 0.9s ease;
  142. -moz-transition: all 0.9s ease;
  143. -o-transition: all 0.9s ease;}
  144.  
  145. .sidebarlinks a:hover {color:{color:sidelinkshover};-webkit-transform: scale(1.2); -webkit-transition: all 0.7s ease;
  146. -moz-transition: all 0.7s ease;
  147. -o-transition: all 0.7s ease;}
  148.  
  149. /* --- DESCRIPTION---*/
  150.  
  151. .description {
  152. opacity:0;
  153. padding:15px;
  154. position: fixed;
  155. text-align:center;
  156. font-size:10px;
  157. z-index:9999999999999999999999;
  158. font-family:"times new";
  159. z-index:999999999999999;
  160. font-style:italic;
  161. text-transform:normal;
  162. width:120px;
  163. margin-left:165px;
  164. margin-top:190px;
  165. background-color:white;
  166. color:{color:description};
  167. height:35px;
  168. -webkit-transition: all 0.9s ease;
  169. -moz-transition: all 0.9s ease;
  170. -o-transition: all 0.9s ease;}
  171.  
  172. /* --- TITLE ---*/
  173.  
  174. .blogtitle {
  175. opacity:1;
  176. padding:15px;
  177. position: fixed;
  178. text-align:center;
  179. width:140px;
  180. font-size:20px;
  181. margin-left:155px;
  182. margin-top:190px;
  183. z-index:999999;
  184. font-family:"times new";
  185. z-index:999999999999999999999;
  186. font-style:italic;
  187. text-transform:uppercase;
  188. height:30px;
  189. color:{color:blogtitle};
  190. line-height:20px;
  191. -webkit-transition: all 0.9s ease;
  192. -moz-transition: all 0.9s ease;
  193. -o-transition: all 0.9s ease;}
  194.  
  195.  
  196. /* --- PAGINATION ---*/
  197.  
  198. .pagination {
  199. width:180px;
  200. margin-left:60px;
  201. margin-top:-44px;
  202. position:fixed;
  203. color:#000;
  204. z-index:99999999999999999999999999999999999;
  205. font-size:13px;
  206. font-family:times new;
  207. font-style:italic;
  208. text-align:center;
  209. text-transform:uppercase;
  210. padding:30px;
  211. opacity:1;}
  212.  
  213. .pagination a {
  214. color:{color:sidelinks};}
  215.  
  216.  
  217. /* --- BODY ---*/
  218.  
  219. h1{ color:{color:title}; font-size:10px; font-family:times new; text-transform:lowercase; margin-bottom:-2px;}
  220. h3{color:{color:title}; font-family:cambria; text-transform:lowercase; font-size:12px; line-height:11px; letter-spacing:0px; font-style:italic; margin:0px; padding:0px;}
  221. big{ color:{color:big}; font-family:cambria; letter-spacing:px; font-size:10px; font-style:normal; text-transform:uppercase;}
  222. i, em{color:{color:italic}; text-transform:lowercase; font-style:italic; font-size:9px;}
  223. bold,b{color:{color:bold}; text-transform:lowercase; font-size:9px;text-height:bold;}
  224. gangnam {color:#c2c2c2; font-style: italic;text-transform:uppercase;}
  225. small{color:{color:title}; font-family:cambria; font-size:8px; text-transform:uppercase; letter-spacing: 1px; line-height:9px;}
  226. p{margin-top:3px; margin-bottom:3px;}
  227. #titles{ color:{color:title}; font-family:times new; text-transform:uppercase; font-size:8px; line-height:14px; margin-bottom:-4px;}
  228. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s
  229.  
  230. ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  231. a:hover{color:{color:linkhovercolor}; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all
  232.  
  233. 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  234.  
  235.  
  236. /* --- INFO ---*/
  237.  
  238.  
  239.  
  240. #info {background-color:ffffff; color:{color:text}; font-family:times new; font-size:9px; text-transform: lowercase; letter-spacing: 1px; text-align:right;width: 494px; padding:3px;border-top:3px double {color:border};padding-bottom:22px;}
  241.  
  242. #tags {color:{color:text}; font-size:8px;font-style:normal; text-transform:lowercase;font-family:'times new';}
  243.  
  244.  
  245. /* --- QUESTIONS ---*/
  246.  
  247.  
  248. .asker a {color: {color:bold};}
  249.  
  250. .answer {
  251. margin-top:-5px;font-weight: normal; }
  252.  
  253. .asker {
  254. width: 485px;
  255. background-color: {color:question};
  256. font-family:'trebuchet ms;
  257. padding: 10px;
  258. font-style:italic;
  259. font-size: 10px; color: {color:bold};
  260. font-weight: normal;
  261. text-transform: lowercase;
  262. line-height: 11px; }
  263.  
  264. .asker img{
  265. float:right;
  266.  
  267. border:3px solid {color:border};
  268. }
  269.  
  270. .asker a{
  271. font-size: 12px;
  272. color:{color:bold};
  273. line-height: 11px;
  274. padding: 0;
  275. margin: 0;
  276. }
  277.  
  278. .question {
  279. font-size: 12px;
  280. font-weight: normal;
  281. color:{color:text};
  282. padding:20px
  283. overflow:hidden;
  284. text-transform: none;
  285. border-bottom:1px solid {color:border};}
  286.  
  287. .answer {
  288. padding-left: 4px;
  289. padding-right: 4px;
  290. padding-top: 4px;}
  291.  
  292.  
  293.  
  294. /* --- AUDIO ---*/
  295.  
  296.  
  297.  
  298.  
  299. ul li {list-style-type: circle; margin-left:-20px; list-style-position:inside;}
  300. .notes img{width:10px; position:relative; top:1px;}
  301. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  302. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  303.  
  304.  
  305.  
  306.  
  307. {CustomCSS}</style></head>
  308.  
  309. <body>
  310.  
  311.  
  312. </head><body>
  313.  
  314.  
  315.  
  316.  
  317. <div id="sidebar"><img src="{image:sidebar}"><div class="sidebarlinks">
  318. <a href="/">index</a>.
  319. <a href="/ask">inbox</a>.
  320. <a href="{text:link 1}">{text:link 1 title}</a>.
  321. <a href="{text:link 2}">{text:link 2 title}</a>.
  322. <a href="{text:link 3}">{text:link 3 title}</a>
  323.  
  324. </div><div class="blogtitle">{text:titlee}</div><div class="description">{description}</div>
  325.  
  326.  
  327.  
  328. <div class="pagination">
  329. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">- &nbsp;</a>{/block:PreviousPage}/
  330. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  331. </div>
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. </div></div></div>
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345. <div class="entries"><div class="post">
  346.  
  347.  
  348.  
  349. <div id="entries">
  350. {block:Posts}
  351. <div id="posts">
  352. {block:Quote}<div id="titles">"{Quote}"&nbsp; - {Source}</div>{/block:Quote}
  353. {block:Title}<div id="titles">{Title}&nbsp;</div>{/block:Title}
  354. {block:Text}{Body}{/block:Text}
  355.  
  356. {block:Link}<a href="{URL}" class="link" {Target}><div id="titles">{Name}&nbsp;</div></a>
  357. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  358.  
  359. {block:Photo}<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}"></div>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  360.  
  361.  
  362. {block:Photoset}<center><div class="photo">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  363.  
  364. {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}
  365.  
  366. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  367.  
  368.  
  369. {block:Answer}
  370. <div class="asker"><img src="{AskerPortraitURL-40}">{Asker} said to me: </br>
  371. <div class="question">{Question}</div></div>
  372. <div class="answer">{Answer}</div>
  373. {/block:Answer}
  374.  
  375. {block:Audio}<div class="audio">{AudioPlayerWhite}</span><div class="audioinfo"><b>TITLE:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>ARTIST:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  376.  
  377.  
  378. <div id="info">{block:Date}<a href="{Permalink}"> posted {TimeAgo}</a> with {NoteCountWithLabel}
  379. {block:RebloggedFrom} — <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> from</a>{/block:RebloggedFrom}
  380. {block:ContentSource}+<a href="{SourceURL}"> original</a>
  381. {/block:ContentSource}
  382. {/block:Date}
  383. <div id="tags">{block:HasTags}tags: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags} {/block:HasTags}</div>
  384. </div>
  385.  
  386. </div>
  387. {/block:Posts}
  388. {block:PostNotes}{PostNotes}{/block:PostNotes}
  389.  
  390. <div style="position:fixed; bottom:8px; right:5px; letter-spacing:2px;color:white;padding:3px; font-size:10px;font-family:calibri;text-transform:uppercase;"><center>
  391. <a href="http://bluevlvet.tumblr.com">©</a>
  392.  
  393. </div>
  394.  
  395. </body>
  396.  
  397. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!