API tools faq
paste
Advertisement
laughysapphy

theme o2 - vanilla shake

laughysapphy
Sep 15th, 2015
3,336
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3.  
  4. <!--
  5. come at me scrublord im ripped ᕦ(ò_óˇ)ᕤ
  6. ANYWay this is a simple theme because i was on a heckin time limit!!!!
  7. also im happy so its a Cute theme i hope. ppl like cute themes right??
  8. yea!
  9. oh yea but thers also a black post option if u wnna Dark Edgy aesthetic
  10. rules yeah
  11. -dont repost or claim as ur own
  12. -dont move or remove credit
  13. -thats about it really
  14. theme by me, claire @famicom64
  15. base code by anaarthemes!
  16. -->
  17.  
  18. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  19. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  20. <link rel="shortcut icon" href="{Favicon}"/>
  21. <link rel="alternate" type="applicaoundedtion/rss+xml" href="{RSS}"/>
  22.  
  23. <meta name="image:Background" content=""/>
  24. <meta name="image:Sidebar" content=""/>
  25. <meta name="image:Favicon" content=""/>
  26. <meta name="image:Sidepic" content="" />
  27.  
  28. <meta name="color:Background" content="#d0f1ff"/>
  29. <meta name="color:Text" content="#000"/>
  30. <meta name="color:Borders" content="" />
  31. <meta name="color:Links" content="#8c8c8c"/>
  32. <meta name="color:Links Hover" content="#d1d1d1"/>
  33. <meta name="color:Footer" content="" />
  34. <meta name="color:Footer Text" content="#000"/>
  35. <meta name="color:Scrollbar background" content="" />
  36. <meta name="color:Scrollbar" content="" />
  37. <meta name="color:Scrollbar border" content="" />
  38. <meta name="color:Highlight text" content="" />
  39.  
  40. <meta name="select:font" content="arial" title="arial">
  41. <meta name="select:font" content="verdana" title="verdana">
  42. <meta name="select:font" content="consolas" title="consolas">
  43. <meta name="select:font" content="ms gothic" title="ms gothic">
  44. <meta name="select:font" content="trebuchet ms" title="trebuchet ms">
  45.  
  46. <meta name="if:Black posts" content="0" />
  47. <meta name="if:Background Cover" content="0"/>
  48. <meta name="if:400px" content="1"/>
  49. <meta name="if:250px" content="0"/>
  50. <meta name="text:Sidebar top" content="200"/>
  51. <meta name="text:Sidebar left" content="-80"/>
  52. <meta name="text:Post opacity" content="1"/>
  53. <meta name="text:Sidebar opacity" content="1"/>
  54. <meta name="text:Sidebar hover" content="click"/>
  55. <meta name="text:sidepic right" content="" />
  56. <meta name="text:Sidepic top" content="" />
  57. <meta name="text:Link 1 url" content="/"/>
  58. <meta name="text:Link 2 url" content="/"/>
  59. <meta name="text:Link 3 url" content="/"/>
  60. <meta name="text:Link 4 url" content="/"/>
  61. <meta name="text:Link 1 title" content=""/>
  62. <meta name="text:Link 2 title" content=""/>
  63. <meta name="text:Link 3 title" content=""/>
  64. <meta name="text:Link 4 title" content=""/>
  65.  
  66.  
  67. <link rel="shortcut icon" href="{image:Favicon}" />
  68. <style type="text/css">
  69.  
  70.  
  71. body, a{cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  72.  
  73. a:hover{cursor: url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto;}
  74.  
  75. ::-webkit-scrollbar {width: 9px; height: 3px; background: {color:scrollbar background};}
  76. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ;border: 1px solid {color:scrollbar border};}
  77.  
  78. ::selection {color: {color:highlight text}; background: rgba(0, 0, 0, 0.0);}
  79. ::-moz-selection {color: {color:highlight text}; background: rgba(0, 0, 0, 0.0);}
  80. ::-webkit-selection {color: {color:highlight text}; background: rgba(0, 0, 0, 0.0);}
  81.  
  82.  
  83. body {
  84. background-color:{color:Background};
  85. background-image:url('{image:Background}');
  86. {block:ifBackgroundCover}background-size:cover;{/block:ifBackgroundCover}
  87. {block:ifnotBackgroundCover}background-repeat:repeat;{/block:ifnotBackgroundCover}
  88. background-attachment:fixed;
  89. color:{color:Text};
  90. font-size:11px;
  91. line-height:120%;
  92. font-family:{select:font};
  93. word-wrap: break-word;
  94. }
  95.  
  96. a {
  97. color:{color:Links};
  98. text-decoration:none;
  99. }
  100.  
  101. a:hover {
  102. color:{color:Links Hover};
  103. transition:all 0.5s ease-in-out;
  104. -o-transition:all 0.5s ease-in-out;
  105. -moz-transition:all 0.5s ease-in-out;
  106. -webkit-transition:all 0.5s ease-in-out;
  107. }
  108.  
  109. #container {
  110. position:relative;
  111. width:700px;
  112. margin:50px auto;
  113. }
  114.  
  115. .entries {
  116. position:relative;
  117. {block:if400px}width:400px;{/block:if400px}
  118. {block:if250px}width:250px;{/block:if250px}
  119. padding:10px;
  120. margin:30px 0 30px 200px;
  121. border:1px solid {color:borders};
  122. {block:ifblackposts}background: rgba(0, 0, 0, {text:post opacity});{/block:ifblackposts}
  123. {block:ifnotblackposts}background: rgba(255, 255, 255, {text:post opacity});{/block:ifnotblackposts}
  124. }
  125.  
  126. .entries img {
  127. max-width:100%;
  128. }
  129.  
  130. .entries .quote{
  131. font-size:16px;
  132. line-height:120%;
  133. text-align:left;
  134. }
  135.  
  136. .entries .title{
  137. font-size:16px;
  138. }
  139.  
  140. .entries .link{
  141. font-size:16px;
  142. }
  143.  
  144. .entries .question{
  145. background: {color:footer};
  146. padding: 3px;
  147. border: 1px solid {color:borders};
  148. }
  149.  
  150. .entries .audio{
  151. padding: 7px;
  152. margin-bottom: 10px;
  153. border: 1px solid {color:borders};
  154. }
  155.  
  156. .entries .notecontainer {
  157. {block:ifblackposts}background: rgba(0, 0, 0, {text:post opacity});{/block:ifblackposts}
  158. {block:ifnotblackposts}background: rgba(255, 255, 255, {text:post opacity});{/block:ifmotblackposts}
  159. border: 1px solid {color:borders};
  160. font-family: {select:font};
  161. font-size: 11px;
  162. padding: 5px;
  163. color: {color:footer text};
  164. margin-top: 10px;
  165. margin-bottom: -10px;
  166. }
  167.  
  168. .entries .notecontainer a {
  169. color: {color:links};
  170. text-decoration: none;
  171. }
  172.  
  173. .entries .notecontainer a:hover {
  174. color: {color:links hover};
  175. text-decoration: underline;
  176. }
  177.  
  178. .entries .notecontainer ol.notes {
  179. padding: 0px 0 10px 0;
  180. list-style-type: none;
  181. font-size: 11px;
  182. }
  183.  
  184. .entries .notecontainer ol.notes li.note {
  185. padding: 10px 10px 0 10px;
  186. }
  187.  
  188. .entries .notecontainer ol.notes li.note img.avatar {
  189. vertical-align: -4px;
  190. margin-right: 10px;
  191. width: 16px;
  192. height: 16px;
  193. }
  194.  
  195. .entries .notecontainer ol.notes li.note span.action {
  196. font-weight: normal;
  197. }
  198.  
  199. .entries .notecontainer ol.notes li.note .answer_content {
  200. font-weight: normal;
  201. }
  202.  
  203. .entries .notecontainer ol.notes li.note blockquote {
  204. border-left: 2px solid {color:footer text};
  205. padding: 4px 10px;
  206. margin: 10px 0px 0px 25px;
  207. }
  208.  
  209. .entries .notecontainer ol.notes li.note blockquote a {
  210. text-decoration: none;
  211. }
  212.  
  213. #sidebar{
  214. position:fixed;
  215. width:150px;
  216. margin-top:{text:sidebar top}px;
  217. margin-left:{text:sidebar left}px;
  218. {block:ifblackposts}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifblackposts}
  219. {block:ifnotblackposts}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:ifnotblackposts};
  220. border:1px solid {color:borders};
  221. }
  222.  
  223. #sidebar .image img{
  224. width:100px;
  225. height:100px;
  226. border:none;
  227. margin-top:-50px;
  228. border:1px solid {color:borders};
  229. }
  230.  
  231. #sidebar .links{
  232. background: {color:footer};
  233. border: 1px solid {color:borders};
  234. color: {color:footer text};
  235. font-family: arial;
  236. position:relative;
  237. top: 14px;
  238. margin-left: -1px;
  239. margin-right: -1px;
  240. padding:0px;
  241. display:block;
  242. text-align:center;
  243. }
  244.  
  245.  
  246. #sidebar .description{
  247. text-align:center;
  248. padding:5px;
  249. position: relative;
  250. top: 4px;
  251. }
  252.  
  253. #footer{
  254. font-size:10px;
  255. padding:2px;
  256. border: 1px solid {color:borders};
  257. background-color: {color:Footer};
  258. color:{color:Footer Text};
  259. }
  260.  
  261. #footer a{
  262. color:{color:Links}}
  263.  
  264. #footer a:hover{
  265. color:{color:Links Hover};
  266. transition: all 0.4s ease-in-out;
  267. -o-transition: all 0.4s ease-in-out;
  268. -moz-transition: all 0.4s ease-in-out;
  269. -webkit-transition: all 0.4s ease-in-out;
  270. }
  271.  
  272. #footer .posted{
  273. position:relative;
  274. float:left;
  275. }
  276.  
  277. #footer .notes{
  278. position:relative;
  279. float:right;
  280. }
  281.  
  282. #footer .tags{
  283. position:relative;
  284. }
  285.  
  286. .chat li{
  287. padding:2px;
  288. list-style-type:none;
  289. }
  290.  
  291. blockquote{
  292. padding-left:5px;
  293. margin: 10px 0px 10px 10px;
  294. border-left:1px dotted {color:text};
  295. }
  296.  
  297. #sidepic {
  298. background: {image:sidepic};
  299. position: fixed;
  300. right: {text:sidepic right}px;
  301. top: {text:sidepic top}px;
  302. z-index: -1;
  303. opacity: 1.0;
  304. }
  305.  
  306. #pagination {
  307. position:relative;
  308. left: 350px;
  309. width: 50px;
  310. text-align: center;
  311. {block:ifblackposts}background-color: rgba(0, 0, 0, 0.7);{/block:ifblackposts}
  312. {block:ifnotblackposts}background-color: rgba(255, 255, 255, 0.7);{/block:ifnotblackposts}
  313. color: {color:links};
  314. {/block:ifborders}border: 1px solid {color:borders};{/block:ifborders}
  315. padding: 3px;
  316. }
  317.  
  318. #pagination:hover {
  319. opacity: 1.0;
  320. transition: all 0.4s ease-in-out;
  321. -o-transition: all 0.4s ease-in-out;
  322. -moz-transition: all 0.4s ease-in-out;
  323. -webkit-transition: all 0.4s ease-in-out;
  324. }
  325.  
  326. #credit {
  327. position: fixed;
  328. bottom: 5px;
  329. right: 5px;
  330. {block:ifblackposts}background: #000;{/block:ifblackposts}
  331. {block:ifnotblackposts}background: #fff;{/block:ifnotblackposts}
  332. opacity: 0.7;
  333. border: 1px solid {color:borders};
  334. padding: 2px;
  335. color: {color:links};
  336. z-index: 5000;
  337. }
  338.  
  339. #credit:hover {
  340. opacity: 1.0;
  341. transition: all 0.4s ease-in-out;
  342. -o-transition: all 0.4s ease-in-out;
  343. -moz-transition: all 0.4s ease-in-out;
  344. -webkit-transition: all 0.4s ease-in-out;
  345. }
  346. </style>
  347.  
  348. </head>
  349.  
  350. <body>
  351.  
  352.  
  353. <div id="container">
  354.  
  355. <div id="sidebar">
  356. <center>
  357. <div class="image"><a href="/" title="{text:sidebar hover}"><img src="{image:Sidebar}"></a></div>
  358. <div class="description">{Description}</div>
  359. <div id="sidepic"><img src="{image:sidepic}" /></div>
  360.  
  361. <div class="links">
  362. <a href="/ask" title="message">01</a> || <a href="/submit" title="submit">02</a> || <a href="{text:link 1 url}" title="{text:link 1 title}">03</a> || <a href="{text:link 2 url}" title="{text:link 2 title}">04</a> || <a href="{text:link 3 url}" title="{text:link 3 title}">05</a> || <a href="{text:link 4 url}" title="{text:link 4 title}">06</a>
  363. </div>
  364. <br>
  365.  
  366. </center>
  367. </div>
  368.  
  369. {block:Posts}
  370.  
  371. {block:ContentSource}
  372. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  373. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  374. {/block:SourceLogo}
  375. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  376. {/block:ContentSource}
  377.  
  378. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  379. <div class="entries">
  380.  
  381. {block:Text}
  382. {block:Title}<div class="title">{Title}</div>{/block:Title}
  383. {Body}
  384. {/block:Text}
  385.  
  386. {block:Photo}
  387. <a href="{Permalink}">
  388. {block:if400px}<img src="{PhotoURL-400}" width="100%"></a>{/block:if400px}
  389. {block:if250px}<img src="{PhotoURL-250}" width="100%"></a>{/block:if250px}
  390. {block:Caption}{Caption}{/block:Caption}
  391. {/block:Photo}
  392.  
  393. {block:Photoset}
  394. {block:if500px}{Photoset-500}{block:if500px}
  395. {block:if400px}{Photoset-400}{/block:if400px}
  396. {block:if250px}{Photoset-250}{/block:if250px}
  397. {block:Caption}{Caption}{/block:Caption}
  398. {/block:Photoset}
  399.  
  400. {block:Video}
  401. {Video-400}
  402. {/block:Video}
  403.  
  404. {block:Link}
  405. <div class="link">
  406. <a href="{URL}">{Name}</a></div>
  407. {block:Description}{Description}{/block:Description}
  408. {/block:Link}
  409.  
  410. {block:Quote}
  411. <div class="quote">“{Quote}”</div>
  412. <p>
  413. {block:Source} — {Source} {/block:Source}<br>
  414. {/block:Quote}
  415.  
  416. {block:Audio}
  417. <div class="audio">
  418. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  419. {block:Caption}{Caption}{/block:Caption}
  420. {/block:Audio}
  421.  
  422. {block:Chat}
  423. <div class="chat" style="margin-bottom:10px;">
  424. {block:Lines}
  425. <li class="{Alt}">
  426. {block:Label}{Label} {/block:Label}
  427. {Line}
  428. {/block:Lines}
  429. </div>
  430. {/block:Chat}
  431.  
  432.  
  433. {block:Answer}
  434. <div class="question">
  435. {Asker} said: {Question}</div>
  436. {Answer}
  437. {/block:Answer}
  438.  
  439.  
  440. {block:Date}
  441. <div id="footer">
  442. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm} / {ShortMonth}. {DayOfMonth}</a> ||
  443. <a href="{Permalink}">{NoteCount}★</a>
  444. {block:HasTags}
  445. <br>★{block:Tags}:<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>
  446. {/block:Tags}{/block:HasTags}
  447. </div>
  448. {/block:Date}
  449.  
  450. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  451.  
  452.  
  453. </div>
  454. {/block:Posts}
  455. {block:Pagination}
  456. <div id="pagination">
  457. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  458. </div>{/block:Pagination}
  459.  
  460. </div>
  461.  
  462. </div>
  463. <!-- dont mess with this part please!! have a nice day -->
  464. <div id="credit"><a href="http://aurithemes.tumblr.com/">theme</a></div>
  465.  
  466. </body>
  467. </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!