Advertisement
alicescreed

#40 NAUGHTY

Jul 16th, 2015
6,595
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.55 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6.  
  7. <!--- N A U G H T Y
  8. THEME 40 BY ANA OVER AT ORTIZJUICE.TUMBLR.COM
  9. you know the rules. no stealing, no redistributing,
  10. no claiming as yours, no removing the credit, no
  11. kicking, no punching, no running. you're free to edit
  12. as much as you like as long as the credit's still
  13. intact. cheers, folks.
  14. -->
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />
  21.  
  22. {/block:Description}
  23.  
  24. <meta name="image:sidebarbg" content="">
  25. <meta name="image:sidebar" content="">
  26.  
  27. <meta name="text:link1url" content="">
  28. <meta name="text:link1title" content="une">
  29. <meta name="text:link2url" content="">
  30. <meta name="text:link2title" content="deux">
  31. <meta name="text:link3url" content="">
  32. <meta name="text:link3title" content="trois">
  33. <meta name="text:link4url" content="">
  34. <meta name="text:link4title" content="quatre">
  35.  
  36. <meta name="color:scrollbar" content="#dededc">
  37. <meta name="color:bg" content="#ffffff">
  38. <meta name="color:links" content="#000000">
  39. <meta name="color:text" content="#000000">
  40. <meta name="color:sidebarbg" content="#dededc">
  41. <meta name="color:descriptionbg" content="#ffffff">
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46. #cred {
  47. position:fixed;
  48. font-size:15px;
  49. font-weight:normal;
  50. line-height:150%;
  51. letter-spacing:2px;
  52. right:10px;
  53. padding: 4px;
  54. bottom:10px;
  55. text-transform:uppercase;
  56. text-align:center;
  57. }
  58.  
  59.  
  60. body {
  61. font-family: arial;
  62. font-weight: lighter;
  63. font-size: 9px;
  64. margin: 0px;
  65. letter-spacing: 0px;
  66. line-height: 13px;
  67. background-color: {color:bg};
  68. color: {color:text};
  69. text-align: left;
  70. }
  71.  
  72. a {
  73. text-decoration: none;
  74. color: {color:links};
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb {
  78. border-left: 4px solid {color:bg};
  79. border-right: 4px solid {color:bg};
  80. border-top: 2px solid {color:bg};
  81. border-bottom: 2px solid {color:bg};
  82. background: {color:scrollbar};
  83. }
  84.  
  85. ::-webkit-scrollbar {
  86. width: 11px;
  87. height: 10px;
  88. border-left: 4px solid {color:bg};
  89. border-right: 4px solid {color:bg};
  90. border-top: 2px solid {color:bg};
  91. border-bottom: 2px solid {color:bg};
  92. background: {color:bg};
  93. }
  94.  
  95. small, sup, sub {
  96. font-size: 100%;
  97. }
  98.  
  99. blockquote img {
  100. max-width: 100%;
  101. }
  102.  
  103. blockquote {
  104. padding-left: 7px;
  105. border-left: 1px solid;
  106. }
  107.  
  108. #sidebar {
  109. position: fixed;
  110. background-repeat: no-repeat;
  111. background-position: bottom right;
  112. background-image: url('{image:sidebarbg}');
  113. width: 405px;
  114. height: 100%;
  115. background-color: {color:sidebarbg};
  116. float:left;
  117. position:fixed;
  118. top:0;
  119. left:0;
  120. z-index:.9;
  121. }
  122.  
  123.  
  124. #posts {
  125. margin-top: 80px;
  126. margin-left: 500px;
  127. position: absolute;
  128. width: 400px;
  129. }
  130.  
  131. #post {
  132. margin-bottom: 30px;
  133. }
  134.  
  135. #post img {
  136. max-width: 100%;
  137. }
  138.  
  139. #h1 { font-weight: bold;
  140. text-align: center;
  141. letter-spacing: 2px;
  142. text-transform: uppercase;
  143. font-size: 9px;
  144. }
  145.  
  146. #h2 {
  147. text-align: center;
  148. letter-spacing: 2px;
  149. text-transform: uppercase;
  150. font-size: 9px;
  151. font-weight: bold;
  152. }
  153.  
  154. #info {
  155. text-align: center;
  156. letter-spacing: 2px;
  157. text-transform: uppercase;
  158. font-size: 7px;
  159. padding: 20px;
  160. width: 360px;
  161. }
  162.  
  163. #inside {
  164. text-align: justify;
  165. width: 160px;
  166. background-color: {color:descriptionbg};
  167. margin:20px auto -12px auto;
  168. border: 10px solid white;
  169. }
  170.  
  171. #title {
  172. margin:50px auto -12px auto;
  173. text-align: center;
  174. letter-spacing: 2px;
  175. font-weight: bold;
  176. text-transform: uppercase;
  177. font-size: 9px;
  178. width: 160px;
  179. }
  180.  
  181. #links {
  182. font-weight: bold;
  183. margin:20px auto -12px auto;
  184. text-align: center;
  185. letter-spacing: 2px;
  186. text-transform: uppercase;
  187. font-size: 9px;
  188. width: 160px;
  189. }
  190.  
  191. #audio {
  192. text-align: center;
  193. height: 90px;
  194. font-size: 8pt;
  195. width: 400px;
  196. background-color: #e3e3e3;
  197. line-height: 9pt;
  198. }
  199.  
  200.  
  201. #audioplayer {
  202. width: 25px;
  203. height: 25px;
  204. overflow:hidden;
  205. position:absolute;
  206. margin-left: 30px;
  207. margin-top: 23px;
  208. border-radius: 10px;
  209. opacity: 0.8;
  210. filter:alpha(opacity=80);
  211. -moz-opacity: 0.8;
  212. -khtml-opacity: 0.8;
  213. }
  214.  
  215.  
  216. #albumart {
  217. float:left;
  218. margin: 0px 7px;
  219. }
  220.  
  221. #musicinfo {
  222.  
  223. text-transform: uppercase;
  224. margin-top:10px;
  225. }
  226.  
  227. ol.notes {
  228. padding: 0px;
  229. margin: 25px 0px;
  230. list-style-type: none;
  231. border-bottom: solid 1px {color:sidebarbg};
  232. }
  233.  
  234. ol.notes li.note {
  235. border-bottom: solid 1px {color:sidebarbg};
  236. padding: 10px;
  237. }
  238.  
  239. ol.notes li.note img.avatar {
  240. vertical-align: -4px;
  241. margin-right: 10px;
  242. width: 16px;
  243. height: 16px;
  244. }
  245.  
  246. #l {
  247. margin-bottom: 1px;
  248. padding: 10px;
  249. background-color: {color:sidebarbg};
  250. }
  251.  
  252. </style>
  253.  
  254. </head>
  255.  
  256. <body>
  257.  
  258.  
  259. <div id="sidebar">
  260. <div id="title"><a href="/">{title}</a></div>
  261. <div id="inside">
  262. <a href="/"><img src="{image:sidebar}" width="160"></a><p>
  263. {Description}
  264. </div>
  265.  
  266. <div id="links">
  267. <A href="/">home</A> <a href="/ask">inbox</a> <a href="/archive">archive</a> <A href="{text:link1url}">{text:link1title}</A> <A href="{text:link2url}">{text:link2title}</A> <A href="{text:link3url}">{text:link3title}</A> <A href="{text:link4url}">{text:link4title}</A>
  268. <p>
  269. {block:Pagination}
  270. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  271. {block:JumpPagination length="3"}
  272. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  273. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  274. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  275. {/block:Pagination}
  276. </div>
  277. </div>
  278.  
  279. <div id="container">
  280.  
  281. <div id="posts">{block:Posts}<div id="post">
  282.  
  283. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  284.  
  285. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}
  286.  
  287. {Caption}{/block:Caption}{/block:Photo}
  288.  
  289. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  290.  
  291. {/block:Photoset}
  292.  
  293. {block:Quote}<div id="h1">{Quote}</div>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  294.  
  295. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  296.  
  297. {Description}{/block:Description}{/block:Link}
  298.  
  299. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  300.  
  301. <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  302.  
  303. {block:Audio}
  304. <div id="audio">
  305. {block:TrackName}
  306. <div id="musicinfo" style="margin-top: 5px;">{AudioPlayerGrey} <br>
  307. <div id="h1">
  308. {TrackName} <br>
  309. {/block:TrackName}
  310. {block:Artist}
  311. {Artist}
  312. {/block:Artist}
  313. </div>
  314.  
  315. </div>
  316. </div>
  317. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  318. {/block:Audio}
  319.  
  320.  
  321. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  322.  
  323. {block:Answer}
  324. <table><Td>
  325. <img src="{AskerPortraitURL-24}" style="border: 2px solid {color:borders};"></td>
  326. <td style="margin-left: 10px;">{Asker}: {Question}</td>
  327. </table>
  328. {Answer}{/block:Answer}
  329.  
  330. <div id="info">
  331. {block:Date}{TimeAgo}{/block:Date} {block:NoteCount}<a href="{Permalink}" style="margin-left: 10px;">{NoteCount}</a>{/block:NoteCount} <br> {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>
  332. {/block:Tags}{/block:HasTags}
  333. </div>
  334.  
  335. </div>
  336. {block:PostNotes}<Div style="width: 400px;">{PostNotes}</div>{/block:PostNotes}
  337. {/block:Posts}</div>
  338. </div>
  339.  
  340. <div id="cred"><a href="http://ortizjuice.tumblr.com">☂</a></div>
  341.  
  342.  
  343. </div>
  344.  
  345. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement