API tools faq
paste
tylerfuckinposey

Purple Rain Theme

tylerfuckinposey
Aug 9th, 2012
572
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.49 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme #1 by fknstiles
  5. ~~~ don't remove the credit pls ~~~
  6.  
  7. -->
  8.  
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:descriptionbg" content="#e7e3e7" />
  14. <meta name="color:entry" content="#f9f9f9" />
  15. <meta name="color:slinks" content="#a1426b" />
  16. <meta name="color:slinks bg" content="#f7f7f7" />
  17. <meta name="color:scroll" content="#c49bc8" />
  18. <meta name="color:scroll background" content="#f9f9f9" />
  19. <meta name="color:title" content="#968893" />
  20. <meta name="color:text" content="#888888" />
  21. <meta name="color:link" content="#a87b94" />
  22. <meta name="color:link hover" content="#886496" />
  23. <meta name="color:border" content="#f9f9f9" />
  24. <meta name="color:topbar" content="#e7e3e7" />
  25. <meta name="color:nav background" content="#d0bdc6" />
  26. <meta name="color:info" content="#e7e3e7" />
  27.  
  28.  
  29.  
  30. <meta name="font:title" content="calibri" />
  31. <meta name="font:body" content="calibri" />
  32. <meta name="font:description" content="calibri" />
  33.  
  34. <meta name="image:sidebarimage" content=""/>
  35. <meta name="image:background" content="" />
  36.  
  37. <meta name="text:link1" content="one">
  38. <meta name="text:link1 url" content="">
  39. <meta name="text:link2" content="two">
  40. <meta name="text:link2 url" content="">
  41. <meta name="text:link3" content="three">
  42. <meta name="text:link3 url" content="">
  43. <meta name="text:link4" content="four">
  44. <meta name="text:link4 url" content="">
  45.  
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48. <title>{Title}</title>
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51.  
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54. <style type="text/css">
  55.  
  56.  
  57.  
  58. /* -------------------------- SCROLL ----------------------------- */
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll}; height:50px}
  61.  
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scroll}; height:10px}
  63.  
  64. ::-webkit-scrollbar {height:8px; width:8px; background-color: {color:Scroll Background}}
  65.  
  66.  
  67. /* ------------------------- BODY ------------------------- */
  68.  
  69. body {
  70. background-color:{color:background}; background-image: url('{image:Background}'); background-repeat:no-repeat; background-attachment:fixed; background-position:left; font-family:calibri; font-size:10.5px; text-align:justify; color:{color:text}; line-height:110%; }
  71.  
  72.  
  73.  
  74. a:link, a:active, a:visited {
  75. color: {color:link}; text-decoration:none; }
  76.  
  77. a:hover {
  78. -webkit-transition: all 0.5s linear; color:{color:link hover};}
  79.  
  80. small{font-size:9px} big{font-size:12px}
  81.  
  82. b{text-transform: block; color:{color:Bold Words}}
  83. i{text-transform: italic; color:{color:Italic Words}}
  84. u{text-transform: underline; color:{color:Underlined Words}}
  85. p{margin:1px 1px 0px 0px; padding: 1px;}
  86.  
  87.  
  88.  
  89. img a
  90. { border:none; width:100%}
  91.  
  92.  
  93.  
  94. /* ------------------------- SIDEBAR & NAV ------------------------- */
  95.  
  96. #sidebar
  97. { background-color: transparent; position: fixed; width: 300px; height: auto; margin-left: 530px; margin-top: 100px; padding:10px; border-radius:150px 150px 150px 150px; }
  98.  
  99.  
  100. #sidebarimage img
  101. { position:relative; margin-top:0px; max-width:285px; height:auto; text-align:center; border:10px solid {color:Border};
  102. }
  103.  
  104. #description
  105. { padding: 10px; width: 265px;font-size:10px; text-align: justify; margin-top:5px; margin-left: -2px; font-family:{font:Description}; position:relative; background-color:{color:descriptionbg};}
  106.  
  107. #sidebarlinks
  108. { text-transform: uppercase; font-family: calibri; font-size: 9px; letter-spacing: 1px; margin-top:10px; height:20px; z-index:2; }
  109.  
  110. #sidebarlinks a
  111. { text-transform: uppercase; font-family: calibri; font-size: 9px; padding: 5px; }
  112.  
  113. #sidebarlinks a:hover
  114. { width: 30px; background-color:{color:slinks bg}; }
  115.  
  116.  
  117. #navbg
  118. { text-transform: uppercase; font-family: calibri; font-size: 9px; letter-spacing: 4px; margin-top:10px; height:20px; z-index:2; }
  119.  
  120. #navbg a
  121. { text-transform: uppercase; font-family: calibri; font-size: 9px; padding: 5px; }
  122.  
  123. #navbg a:hover
  124. { width: 30px; background-color:{color:Nav Background}; }
  125.  
  126. #topbar
  127. { width:100%; height: auto; padding; 20px; border-bottom: 1px dotted #888888; position:fixed; margin-left:-8px; background-color: {color:topbar}; z-index:1;}
  128.  
  129.  
  130.  
  131.  
  132. #pagination1
  133. { position:fixed; font-size:70px; text-align:center; font-family:{font:georgia}; margin-top:-100px; margin-left: 285px; }
  134.  
  135. #pagination2
  136. { position:fixed; font-size:70px; text-align:center; font-family:{font:georgia}; margin-top:-140px; margin-left: 285px; }
  137.  
  138.  
  139.  
  140. /* ------------------------- TITLE ------------------------- */
  141.  
  142.  
  143. #h1
  144. {color:{color:title}; font-family: {font: title}; font-size:20px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:lowercase; margin:0px; padding:0px; text-align:left}
  145.  
  146. #h2
  147. {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; margin-bottom:-0px; text-align:left}
  148.  
  149.  
  150.  
  151. /* ------------------------- POSTS ------------------------- */
  152.  
  153. #container
  154. {background-color: transparent; width: 580px; text-align: center; margin: 0 auto -10px auto}
  155.  
  156. #entries
  157. {margin: 40px 0 -10px 260px; margin-right:90px; float:right; text-align: justify}
  158.  
  159. #entry
  160. {width: 500px; background-color:{color:entry}; margin: 0px 0 -5px 0; text-align: justify; padding: 20px;}
  161.  
  162. blockquote
  163. {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  164.  
  165.  
  166.  
  167. /* ------------------------- ETC ------------------------- */
  168.  
  169. #info
  170. { width: 520px; border-top:thin double #bbbbbb; background-color:{color:info}; font-family: arial; font-size:9px; letter-spacing: 2px; text-transform:lowercase; text-align:center; padding-top:0px; padding:10px; margin-left: -20px;}
  171.  
  172.  
  173. #audio
  174. {padding: 10px; margin-left: 0px; background: {color:link}; width: 490px; color: #ffffff; text-align: left; font-size: 10px; height: 8px; letter-spacing: 4px; }
  175.  
  176. /* ------------------------- ASK & QUESTIONS ------------------------- */
  177.  
  178.  
  179.  
  180. .asker
  181. { width: 490px; background-color: {color:audio info}; padding: 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 11px; }
  182.  
  183. .asker img
  184. { float: left; padding: 10px;}
  185.  
  186. .asker a
  187. { font-size: 11px; font-weight: bold; color:{color:link}; line-height: 5px; padding: -10px; margin-left: 50px; margin-top: 20px;}
  188.  
  189. .question
  190. { font-size: 11px; font-weight: normal; color:{color:text}; padding:5px; overflow:hidden; text-transform: none; font-style: italic;}
  191.  
  192. .answer
  193. { margin-left: 90px; padding-left: 10px; padding-right: 10px; margin-top: -10px;}
  194.  
  195.  
  196. /* ------------------------- FOLLOW/DASH ------------------------- */
  197.  
  198. iframe#tumblr_controls {position: fixed; margin-top:5px; margin-right:10px; -webkit-transition: opacity 0.7s linear; opacity: 0.4; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  199.  
  200. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.5s linear;
  201. opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  202.  
  203.  
  204. </style>
  205. <style type="text/css">{CustomCSS}</style>
  206. </head>
  207.  
  208. <body>
  209. <div id="topbar">
  210. <div id="navbg"><center>
  211. <a href="/">refresh</a> <a href="/ask">ask me</a> {block:IfNotHideSubmit}
  212. <a href="/submit">Submit</a>{/block:IfNotHideSubmit} <a href="/archive">archive</a> <a href="http://www.fknstiles.tumblr.com">theme</a>
  213. </center></div></div>
  214.  
  215. <div id="container">
  216.  
  217. <div id="entries">
  218.  
  219. {block:Posts}
  220. <div id="entry">
  221.  
  222. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  223. {block:Text}{Body}{/block:Text}
  224.  
  225. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  226.  
  227. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  228. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  229.  
  230. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  231. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  232.  
  233. {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}
  234.  
  235. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  236.  
  237. {block:Answer}
  238. <div class="asker"><img src="{AskerPortraitURL-48}">{Asker}asked
  239. <div class="question">"{Question}"</div></div>
  240. <div class="answer"> {Answer}</div>
  241. {/block:Answer}
  242.  
  243.  
  244.  
  245.  
  246. {block:Audio}
  247. {block:AlbumArt}
  248. {/block:AlbumArt}<div id="audio">{block:trackname}{TrackName}{/block:TrackName} ⋅ {block:Artist}{Artist}{/block:Artist}
  249. </div>
  250. <div style="background-color:#e4e4e4; width: 100%; padding: 5px; margin-left: 0px;">{AudioPlayerGrey}</div>{/block:Audio}
  251. <br><br>
  252.  
  253.  
  254. <div id="info">
  255. <br>
  256. &nbsp;posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} · <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount} {block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  257. {block:ContentSource} &copy; <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
  258.  
  259. {block:HasTags}filed under: {block:Tags}#<i><a href="{TagURL}">{Tag}</a></i> {/block:Tags}{/block:HasTags}</div></div><br>
  260. {/block:Posts}
  261.  
  262. {block:PostNotes}{PostNotes}{/block:PostNotes}
  263. </div>
  264.  
  265.  
  266. <div id="sidebar">
  267.  
  268.  
  269. {block:IfShowTitle}<div id="title">{Title}</div>{/block:IfShowTitle}
  270.  
  271. <center><div id="sidebarimage"><img src="{image:sidebarimage}"/></div>
  272. <div id="sidebarlinks"><center>
  273.  
  274.  
  275. <a href="{text:link1 url}">{text:link1}</a>
  276. <a href="{text:link2 url}">{text:link2}</a>
  277. <a href="{text:link3 url}">{text:link3}</a>
  278. <a href="{text:link4 url}">{text:link4}</a><br />
  279. </center></div>
  280. {block:Description}
  281.  
  282.  
  283. <div id="description">{Description}</div>
  284. {/block:Description}
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292. <div id="pagination1">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}</div><div id="pagination2">
  293.  
  294. {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  295.  
  296. </div>
  297. </div>
  298. </div>
  299. </body>
  300.  
  301. </html>
  302.  
  303. <!--
  304.  
  305.  
  306. theme #1 by fknstiles
  307. ~~~ don't remove the credit pls ~~~
  308.  
  309. -->
Add Comment
Please, Sign In to add comment
Public Pastes
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!