API tools faq
paste
Advertisement
lizarps

Theme #001: Crazy, Stupid Love

lizarps
Aug 20th, 2013
470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!-- stephassists' theme edited by sydneyhelps. keep the credit thank :~)
  5.  
  6. this version edited by lizarps, enjoy you guys x)
  7.  
  8. -->
  9.  
  10.  
  11. <html>
  12. <head>
  13.  
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:posts" content="#ffffff"/>
  17. <meta name="color:sidebar" content="#e1adb6"/>
  18. <meta name="color:navbar" content="#ffffff"/>
  19. <meta name="color:border" content="#d18a96"/>
  20. <meta name="color:question" content="#ffffff"/>
  21. <meta name="color:text" content="#d18a96"/>
  22. <meta name="color:link" content="#e1adb6"/>
  23. <meta name="image:sideimg1" content=""/>
  24. <meta name="image:sideimg2" content=""/>
  25. <meta name="image:sideimg3" content=""/>
  26. <meta name="image:png" content=""/>
  27. <meta name="image:bottompng" content=""/>
  28.  
  29. <meta name="color:hover" content="#ffffff"/>
  30.  
  31. <meta name="font:title" content="georgia" />
  32. <meta name="font:body" content="georgia" />
  33. <meta name="font:links" content="georgia" />
  34.  
  35. <meta name="image:background" content=""/>
  36. <meta name="image:link1" content=""/>
  37. <meta name="image:link2" content="ask"/>
  38. <meta name="image:link3" content="/nav"/>
  39. <meta name="image:creditlink" content=""/>
  40.  
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  42. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}" />
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  45.  
  46.  
  47. </head><style>
  48.  
  49. ::-webkit-scrollbar-thumb:vertical {background-color:{color:post}; height:3px;}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:text}; height:3px !important;}
  51. ::-webkit-scrollbar {height:0px; width:2px; background-color:{color:text};}
  52.  
  53. height: 12px;
  54.  
  55. width: 5px;
  56.  
  57. background: {color:border};
  58.  
  59. }
  60.  
  61. ::-webkit-scrollbar-thumb {
  62.  
  63. background-image:url(URL OF THE IMAGE HERE);
  64.  
  65. border:1px solid {color:posts};
  66.  
  67. -webkit-border-radius: 5ex;
  68.  
  69. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  70.  
  71. }
  72.  
  73. ::-webkit-scrollbar-corner {
  74.  
  75. background: {color:posts};
  76.  
  77. }
  78.  
  79.  
  80. body {
  81. color: {color:text};
  82. background-color: {color:background};
  83. background-image: url('{image:background}');
  84. background-attachment: fixed;
  85. font-family: {font:body};
  86. font-size: 10px;
  87. text-align: justify;
  88. }
  89.  
  90.  
  91.  
  92. #stuff {
  93. position:fixed;
  94. margin-top: 20px;
  95. }
  96.  
  97. #png {
  98. position: fixed;
  99. width:400px;
  100. height: 700px;
  101. margin-left: 960px;
  102. margin-top:-110px;
  103. }
  104.  
  105. #title {
  106. position: fixed;
  107. margin-top: 215px;
  108. margin-left: 8px;
  109. }
  110.  
  111. #link1 {position: fixed;margin-left:30px;margin-top: 180px;z-index:99999;}
  112.  
  113. #link2 {position: fixed;margin-left:230px;margin-top: 180px;z-index:99999999;}
  114.  
  115. #link3 {position: fixed;margin-left:30px;margin-top: 312px;z-indez:9999999;}
  116.  
  117. #creditlink {position: fixed;margin-left:230px;margin-top: 312px;z-indez:9999999;}
  118.  
  119. .blur { -webkit-transition: all 0.5s ease-out;
  120.  
  121. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  122.  
  123. .blur:hover {-webkit-filter: blur(2px); -webkit-transition: all 0.5s ease-out;
  124.  
  125. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  126.  
  127. #sideimg1 {position: fixed;width: 150px;height: 150px;margin-left: 20px;margin-top: 25px;border: 3px double {color:border};box-shadow:{color:shadow} 0px 0px 0px inset,{color:shadow} 0px 0px 0px;}
  128.  
  129. #sideimg2 {position: fixed;width: 150px;height: 150px;margin-left: 298px;margin-top: 25px;border: 3px double {color:border};box-shadow:{color:shadow} 0px 0px 0px inset,{color:shadow} 0px 0px 0px;}
  130.  
  131. #sideimg3 {position: fixed;width: 150px;height: 150px;margin-left: 160px;margin-top: 95px;border: 3px double {color:border};box-shadow:{color:shadow} 0px 0px 0px inset,{color:shadow} 0px 0px 0px;}
  132.  
  133. #bottompng {position: fixed;width: 480px;height: 217px;margin-left: -9px;margin-top: 430px;}
  134.  
  135. #description {
  136. position: fixed;
  137. width: 160px;
  138. border: 3px double {color:border};
  139. background-color: {color:#post};
  140. margin-left: 60px;
  141. margin-top: 275px;
  142. }
  143.  
  144. #todo {
  145. position: fixed;
  146. width: 160px;
  147. border: 3px double {color:border};
  148. background-color: {color:#post};
  149. margin-left: 250px;
  150. margin-top: 253px;
  151. }
  152.  
  153. #pagination {
  154. position: fixed;
  155. margin-left: 410px;
  156. margin-top:460px;
  157. }
  158.  
  159. a {
  160. color:{color:link};
  161. text-decoration:underline;
  162. -moz-transition-duration:0.5s;
  163. -webkit-transition-duration:0.5s;
  164. -o-transition-duration:0.5s;
  165. }
  166.  
  167. a:hover {
  168. color:{color:hover};
  169. text-decoration:italics;
  170. -moz-transition-duration:0.5s;
  171. -webkit-transition-duration:0.5s;
  172. -o-transition-duration:0.5s;
  173. }
  174.  
  175. #entries {
  176. position: absolute;
  177. padding:20px;
  178. width:500px;
  179. margin-left:480px;
  180. margin-top:-10px;
  181. margin-bottom: -25px;
  182. background-color: {color:posts};
  183. border: 3px double {color:border};
  184. }
  185.  
  186. #post {
  187. width:500px;
  188. padding-bottom:15px;
  189. }
  190.  
  191.  
  192. #info {
  193. width:500px;
  194. margin-top:10px;
  195. margin-bottom: 2px;
  196. padding:2px;
  197. margin-left: 0px;
  198. font-size:9px;
  199. color:{color:text};
  200. background-color: {color:posts};
  201. text-transform:lowercase;
  202. font-style:normal;
  203. letter-spacing:2px;
  204. text-align:right;
  205. border:1px double {color:border};
  206. }
  207.  
  208. #info a {
  209. color:{color:text};
  210. text-align:center;
  211. letter-spacing:1px;
  212. font-style:normal;
  213. }
  214.  
  215. #info a:hover {
  216. color:{color:hover};
  217. }
  218.  
  219. .ask {
  220. padding:10px;
  221. text-align:left;
  222. color:{color:text};
  223. background-color:{color:posts};
  224. border-bottom:1px solid {color:border};
  225. }
  226.  
  227. .ans {
  228. text-align:left;
  229. padding:10px;
  230. color:{color:text};
  231. }
  232.  
  233. b, strong {color:{color:text}}
  234. i, em {color:{color:text}}
  235. p {margin-top:5px; margin-bottom:5px}
  236. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 20px}
  237.  
  238.  
  239. </style>
  240.  
  241. <body>
  242.  
  243. <div id="sideimg1"><img src="{image:sideimg1}"></div>
  244. <div id="sideimg2"><img src="{image:sideimg2}"></div>
  245. <div id="sideimg3"><img src="{image:sideimg3}"></div>
  246.  
  247. <div id="bottompng"><img src="{image:bottompng}"></div>
  248. <div id="png"><img src="{image:png}"></div>
  249.  
  250.  
  251. <div id="description"><div style="width:160px;height:72px;overflow:scroll;"><center><code><small>THIS IS YOUR DESCRIPTION/WHAT I DO BOX<br><br>you have to make sure you edit it through the edit html on your page editor. Just copy a little of what it says here, and ctrl + F it in your html coding, you can then edit it to say whatever you want it to say :)<br><br></code></small>
  252. </div></div><br>{block:Description}{Description}{/block:Description}<br></div>
  253.  
  254. <div id="todo"><div style="width:160px;height:72px;overflow:scroll;"><center><code><small>THIS IS YOUR TO-DO/WHATEVER YOU WANT BOX<br><br>Pretty much do the same as you did to edit the description/what i do box, and you'll be fine, don't worry about it overflowing, there's a scrollbar that will allow you/visitors to scroll through whatever you type in here :)<br><br></code></small>
  255. </div></div><br>{block:Description}{Description}{/block:Description}<br></div>
  256.  
  257.  
  258. </div>
  259.  
  260. </div>
  261. </div>
  262. <div id="link1">
  263. <center><a href="/"><img src="{image:link1}" class="blur"/></a></div>
  264. <div id="link2"><a href="/ask"><img src="{image:link2}" class="blur"/></a></div>
  265. <div id="link3"><a href="/nav"><img src="{image:link3}" class="blur"/></a></div>
  266. </center></div>
  267. <div id="creditlink"><a href="http://stephassists.tumblr.com/"><img src="{image:creditlink}" class="blur"/></a></div>
  268.  
  269. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><u><i>previous</i></u></a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}"><u><i>next</i></u></a>{/block:NextPage}{/block:Pagination}</div>
  270.  
  271. </div>
  272. <div id="entries">{block:Posts}<div id="post">
  273.  
  274. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  275.  
  276. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  277.  
  278. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  279.  
  280. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  281.  
  282. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  283.  
  284. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  285.  
  286. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  287.  
  288. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  289.  
  290. {block:Answer}<div class="ask"><b><u>{Asker}</u></b> asked - <code><i>"{Question}"</i></code></div><div class="ans">{Answer}</div>{/block:answer}
  291.  
  292. <div id="info">
  293. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  294. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  295. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br></div>
  296.  
  297. </div>
  298. {block:PostNotes}{PostNotes}{/block:PostNotes}
  299. {/block:Posts}</div>
  300.  
  301. </body>
  302. </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!