API tools faq
paste
Advertisement
goddessmartel

Sheena Theme V2.0

goddessmartel
Jul 9th, 2017
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.06 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- Theme created by velvetcrowe.tumblr.com
  3. please dont steal my code or remove credit!
  4. if you want the code feel free to send me an ask
  5.  
  6. Also please don't copy and paste parts of my code to put anywhere
  7. if you want I can point you to resouces to help coding, and if you
  8. need any help with anything feel free to send me an ask! I'm
  9. generally really nice!!
  10.  
  11.  
  12. If you have any problems with the code there is a chance that
  13. I might be able to help but I'm not that skilled of a coder
  14. so this theme is kinda sloppy but I'm learning lmao
  15.  
  16. also personal fuck you to microsoft edge / internet explorer-->
  17.  
  18.  
  19.  
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  25.  
  26.  
  27. <style type="text/css">
  28. body{
  29. background:{BackgroundColor};
  30. height:100%;
  31. margin:0px;
  32. {block:ifGradientBackground}
  33. background: -webkit-gradient(linear, left top, left bottom, from({color:Top Gradient Color}), to({color:Bottom Gradient Color})) fixed;
  34. {/block:ifGradientBackground}
  35. }
  36. .container{
  37. height:100%;
  38. width:100%;
  39. margin:auto;
  40. overflow-y:auto;
  41. overflow-x:hidden;
  42. font-family: 'Open Sans', sans-serif;
  43. font-size:11px;
  44. position:fixed;
  45. top:50%;
  46. left:50%;
  47. transform:translate(-50%, -50%);
  48. }
  49. .container::-webkit-scrollbar {
  50. width: 6px;
  51. background-color: {color:Scrollbar Background Color};
  52. }
  53. .container::-webkit-scrollbar-thumb {
  54. background-color: {color:Scrollbar Thumb Color};
  55. }
  56. .sidebarcontainer{
  57. position:fixed;
  58. top:30%;
  59. transform: translateY(-50%);
  60. position:-webkit-sticky;
  61. position:sticky;
  62. height:360px;
  63. width:250px;
  64. margin:0;
  65. margin-left:10px;
  66. padding:0;
  67. }
  68. .sidebarimage{
  69. height:250px;
  70. width:250px;
  71. margin:auto;
  72. background:url('{image:sidebar image}');
  73. }
  74. .sidebarabout{
  75. font-family: 'Open Sans', sans-serif;
  76. height:70px;
  77. width:230px;
  78. background-color:{color:Sidebar Background Color};
  79. font-size:11px;
  80. padding:10px;
  81. overflow-y:auto;
  82. overflow-x:hidden;
  83. color:{color:Sidebar Font Color};
  84. }
  85. .sidebarabout::-webkit-scrollbar{
  86. width:6px;
  87. height:80%;
  88. background-color:{color:Sidebar Background Color};
  89. }
  90. .sidebarabout::-webkit-scrollbar-thumb{
  91. background-color:{color:Sidebar Font Color};
  92. }
  93. .linkscontainer{
  94. width:250px;
  95. }
  96. .linkbutton{
  97. font-family: 'Open Sans', sans-serif;
  98. font-size:12px;
  99. width:244px;
  100. height:15px;
  101. background:{color:Sidebar Button Background};
  102. padding:3px;
  103. margin:0px;
  104. margin-bottom:2px;
  105. text-decoration:none;
  106. -o-transition:.5s;
  107. -ms-transition:.5s;
  108. -moz-transition:.5s;
  109. -webkit-transition:.5s;
  110. transition:.6s;
  111. text-align:center;
  112. }
  113. .sidebarcontainer a{
  114. color:{color:Sidebar Link Color};
  115. text-decoration:none;
  116. }
  117. .sidebarcontainer a:visited{
  118. text-decoration:none;
  119. color:{color:Sidebar Link Color};
  120. }
  121. .sidebarcontainer a:hover{
  122. text-decoration:none;
  123. color:{color:Sidebar Button Background};
  124. }
  125. .linkbutton:hover{
  126. background:{color:Sidebar button hover color};
  127. -o-transition:.5s;
  128. -ms-transition:.5s;
  129. -moz-transition:.5s;
  130. -webkit-transition:.5s;
  131. transition:.6s;
  132. }
  133. .postcontainer{
  134. top:-20%;
  135. width:560px;
  136. margin: 0px auto;
  137. position: relative;
  138. }
  139. .postcontainer blockquote{
  140. border-left:solid 1px {color:Text Color};
  141. margin:0px;
  142. padding-left:10px;
  143. }
  144. .postcontainer a:link, a:visited{
  145. color:{color:Link Color};
  146. text-decoration:none;
  147. -o-transition:.5s;
  148. -ms-transition:.5s;
  149. -moz-transition:.5s;
  150. -webkit-transition:.5s
  151. }
  152. .postcontainer a:hover{
  153. color:{color:Link Hover Color};
  154. -o-transition:.5s;
  155. -ms-transition:.5s;
  156. -moz-transition:.5s;
  157. -webkit-transition:.5s;
  158. }
  159. .postcontainer .posts{
  160. display:block;
  161. width:500px;
  162. margin:auto;
  163. background-color:{color:Post Background Color};
  164. box-shadow:15px 15px {color:Post Shadow Color};
  165. margin-bottom:{text:Margin Between Posts}px;
  166. }
  167. .postcontainer .posts .title{
  168. text-decoration:none;
  169. font-size:15px;
  170. color:{color:Text Color};
  171. font-family:'Open Sans', sans-serif;
  172. padding:3px;
  173. }
  174. .postcontainer .posts .text{
  175. width:490px;
  176. text-decoration:none;
  177. font-size:11px;
  178. color:{color:Text Color};
  179. font-family: 'Open Sans', sans-serif;
  180. padding:5px;
  181. }
  182. .textpost{
  183. width:500px;
  184. word-wrap:break-word;
  185. }
  186. .permalinks{
  187. color:{color:Text Color};
  188. text-size:10px;
  189. padding:5px;
  190. width:497px;
  191. height:auto;
  192. max-height:100px;
  193. position:relative;
  194. }
  195. .permalinks a, a:visited{
  196. color:{color:Link Color};
  197. text-decoration:none;
  198. padding-right:3px;
  199. -o-transition:.5s;
  200. -ms-transition:.5s;
  201. -moz-transition:.5s;
  202. -webkit-transition:.5s;
  203. transition:.6s;
  204. }
  205. .permalinks a:hover{
  206. color:{color:Link Hover Color};
  207. text-decoration:none;
  208. -o-transition:.5s;
  209. -ms-transition:.5s;
  210. -moz-transition:.5s;
  211. -webkit-transition:.5s;
  212. transition:.6s;
  213. }
  214. .postcontainer .posts img{
  215. display:block;
  216. margin:auto;
  217. }
  218. img{
  219. border:0;
  220. max-width:100%;
  221. }
  222. .quotetext{
  223. font-size:35px;
  224. height:40px;
  225. width:500px;
  226. margin:auto;
  227. text-align:center;
  228. }
  229. .audiocontent{
  230. width:500px;
  231. height:50px;
  232. padding-top:25px;
  233. text-align:center;
  234. }
  235. .question{
  236. background-color:{color:Ask Background Color};
  237. color:{color:Ask Font Color};
  238. width:460px;
  239. margin:auto;
  240. padding:5px;
  241. font-size:12px;
  242. }
  243. .askpost{
  244. padding-top:5px;
  245. }
  246. .linktitle{
  247. background-color:{color:Link Post Background Color};
  248. color:{color:Link Post Text Color};
  249. width:470px;
  250. margin:auto;
  251. text-align:Center;
  252. font-size:15px;
  253. -o-transition:.5s;
  254. -ms-transition:.5s;
  255. -moz-transition:.5s;
  256. -webkit-transition:.5s;
  257. transition:.6s;
  258. }
  259. .linktitle:hover{
  260. background-color:{color:Link Post Text Color};
  261. color:{color:Link Post Background Color};
  262. -o-transition:.5s;
  263. -ms-transition:.5s;
  264. -moz-transition:.5s;
  265. -webkit-transition:.5s;
  266. transition:.6s;
  267. }
  268. .notecontainer{
  269. left:0px;
  270. margin:auto;
  271. height:auto;
  272. font-family: 'Open Sans', sans-serif;
  273. font-size:11px;
  274. overflow-y:auto;
  275. position:absolute;
  276. width:500px;
  277. background-color:{color:Post Background Color};
  278. box-shadow:15px 15px {color:Post Shadow Color};
  279. margin-bottom:{text:Margin Between Posts}px;
  280. }
  281. ol.notes {
  282. max-width:500px;
  283. padding: 0px;
  284. list-style-type: none;
  285. }
  286.  
  287. ol.notes li.note {
  288. margin:auto;
  289. max-width:500px;
  290. padding: 5px;
  291. }
  292. ol.notes li.note img.avatar {
  293. vertical-align: -4px;
  294. margin-right: 10px;
  295. width: 16px;
  296. height: 16px;
  297. }
  298. ol.notes li.note span.action {
  299. margin:auto;
  300. max-width:500px;
  301. font-weight: bold;
  302. }
  303.  
  304. ol.notes li.note .answer_content {
  305. max-width:500px;
  306. font-weight: normal;
  307. }
  308. ol.notes li.note blockquote {
  309. max-width:500px;
  310. padding: 4px 5px;
  311. margin: 10px 0px 0px 25px;
  312. }
  313. ol.notes li.note blockquote a {
  314. text-decoration: none;
  315. }
  316. .pagination{
  317. width:250px;
  318. height:20px;
  319. color:{color:Pagination Font Color};
  320. font-weight:bold;
  321. font-size:15px;
  322. padding:0;
  323. margin:0 auto;
  324. text-align:Center;
  325. }
  326. .pagination a:link, a:visited{
  327. -o-transition:.5s;
  328. -ms-transition:.5s;
  329. -moz-transition:.5s;
  330. -webkit-transition:.5s;
  331. transition:.6s;
  332. }
  333. .pagination a:hover{
  334. -o-transition:.5s;
  335. -ms-transition:.5s;
  336. -moz-transition:.5s;
  337. -webkit-transition:.5s;
  338. transition:.6s;
  339. }
  340. .photoset{
  341. width:500px;
  342. }
  343. </style>
  344.  
  345. <!--color-->
  346. <meta name="color:Top Gradient Color" content="#39324d"/>
  347. <meta name="color:Bottom Gradient Color" content="#c22557"/>
  348. <meta name="color:Sidebar Background Color" content="#39324D"/>
  349. <meta name="color:Sidebar Font Color" content="#FFE8EF" />
  350. <meta name="color:Sidebar Button Background" content="#ED5887" />
  351. <meta name="color:Sidebar Link Color" content="#504375" />
  352. <meta name="color:Link Hover Color" content="#ED5887" />
  353. <meta name="color:Sidebar button hover color" content="#FFE8EF" />
  354. <meta name="color:Link Color" content="#FFE8EF" />
  355. <meta name="color:Link Hover Color" content="#ED5887" />
  356. <meta name="color:Text Color" content="#ED5887">
  357. <meta name="color:Post Background Color" content="#39324D"/>
  358. <meta name="color:Ask Background Color" content="#FFE8EF" />
  359. <meta name="color:Ask Font Color" content="#504375" />
  360. <meta name="color:Link Post Background Color" content="#FFE8EF" />
  361. <meta name="color:Link Post Text Color" content="#504375" />
  362. <meta name="color:Pagination Font Color" content="#39324D" />
  363. <meta name="color:Scrollbar Background Color" content="#ED5887" />
  364. <meta name="color:Scrollbar Thumb Color" content="#504375" />
  365. <meta name="color:Post Shadow Color" content="#ED5887" />
  366.  
  367. <!--conditional-->
  368. <meta name="if:Gradient Background" content="0" />
  369.  
  370.  
  371. <!--images-->
  372. <meta name="image:sidebar image" content="https://static.tumblr.com/afceb56e987f46c617cab94aba5172b7/xvcqhhh/hMSosec8q/tumblr_static_3lxjve67noqo04skwkkgg0coo.png" />
  373.  
  374. <!--text-->
  375. <meta name="text:Sidebar Text" content="Text here" />
  376. <meta name="text:Margin Between Posts" contents="100" />
  377.  
  378. <!--links-->
  379. <meta name="text:link1" content="/" />
  380. <meta name="text:link1 Title" content="Link 1" />
  381. <meta name="text:link2" content="/" />
  382. <meta name="text:link2 Title" content="Link 2" />
  383. <meta name="text:link3" content="/" />
  384. <meta name="text:link3 Title" content="Link 3" />
  385.  
  386. </head>
  387. <body>
  388. <div class="container">
  389. <!--container for entire theme-->
  390.  
  391. <!-- sidebar is above the posts because things get funky if you
  392. switch them-->
  393. <!--sidebar-->
  394. <div class="sidebarcontainer">
  395. <div class="sidebarimage">
  396. </div>
  397. <div class="sidebarabout">
  398. {text:Sidebar Text}
  399. </div>
  400. <div class="linkscontainer">
  401. <a href="/">
  402. <div class="linkbutton">
  403. Refresh
  404. </div>
  405. </a>
  406. {block:AskEnabled}
  407. <a href="/ask">
  408. <div class="linkbutton">
  409. Ask
  410. </div>
  411. </a>
  412. {/block:AskEnabled}
  413. {block:SubmissionsEnabled}
  414. <a href="/submit">
  415. <div class="linkbutton">
  416. Submit
  417. </div>
  418. </a>
  419. {/block:SubmissionsEnabled}
  420. <a href="/archive">
  421. <div class="linkbutton">
  422. Archive
  423. </div>
  424. </a>
  425. <a href="{text:link1}">
  426. <div class="linkbutton">
  427. {text:link1 Title}
  428. </div>
  429. </a>
  430. <a href="{text:link2}">
  431. <div class="linkbutton">
  432. {text:link2 Title}
  433. </div>
  434. </a>
  435. <a href="{text:link3}">
  436. <div class="linkbutton">
  437. {text:link3 Title}
  438. </div>
  439. </a>
  440. <a href="http://velvetcrowe.tumblr.com/">
  441. <div class="linkbutton">
  442. Theme Credit
  443. </div>
  444. </a>
  445.  
  446. </div>
  447.  
  448. <!--pagination-->
  449. {block:Pagination}
  450. <div class="pagination">
  451. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  452. {CurrentPage}/{TotalPages}
  453. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  454. </div>
  455. {/block:pagination}
  456.  
  457.  
  458.  
  459. </div> <!--end of sidebar container-->
  460.  
  461.  
  462.  
  463. <!--posts-->
  464. <div class="postcontainer">
  465. {block:posts}
  466. <div class="posts">
  467.  
  468. <div class="textpost">
  469. {block:text} <!--text post-->
  470. {block:title}<div class="title">{title}</div>{/block:title}
  471. <div class="text">{body}</div>
  472. {/block:text}<!--end of textpost block-->
  473. </div> <!--end of text post div-->
  474.  
  475. <!--photo post-->
  476. <div class="photopost">
  477. {block:Photo}
  478. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  479. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  480. {/block:Photo}
  481. </div>
  482.  
  483. <div class="photoset">
  484. <!--photoset-->
  485. {block:Photoset}
  486. {Photoset-500}
  487. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  488. {/block:Photoset}
  489. </div>
  490.  
  491. <div class="video">
  492. <!--video-->
  493. {block:Video}
  494. {Video-500}
  495. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  496. {/block:Video}
  497. </div>
  498.  
  499. <div class="audio">
  500. <!--audio-->
  501. {block:Audio}
  502. <div class="audiocontent">
  503. {AudioPlayer}
  504. <div class="text">{PlayCountWithLabel}</div>
  505. </div>
  506. {block:Caption}<br /><div class="text">{Caption}</div>{/block:Caption}
  507. {/block:Audio}
  508. </div>
  509.  
  510. <div class="quote">
  511. <!--quote-->
  512. {block:Quote}
  513. <div class="quotetext"><div class="title"><h3>"{Quote}"</h3></div></div>
  514. <div class="quotesource">{block:Source}<div class="text">Source:{Source}</div>{/block:Source}</div>
  515. {/block:Quote}
  516. </div>
  517.  
  518. <div class="askpost">
  519. <!--asks -->
  520. {block:Answer}
  521. <div class="text">{Asker} asked:<br /></div>
  522. <div class="question">{Question}<br /></div>
  523. <div class="text">{Answer}</div>
  524. {/block:Answer}
  525. </div>
  526.  
  527. <div class="chats">
  528. <!--chats-->
  529. {block:Chat}
  530. {block:Title}<div class="title">{Title}<br /></div>{/block:Title}
  531. {block:Lines}
  532. <div class="text">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br /></div>
  533. {/block:Lines}
  534. {/block:Chat}
  535. </div>
  536.  
  537. <div class="linkposts">
  538. <!--link posts-->
  539. {block:Link}
  540. <a href="{URL}" ><div class="linktitle">{Name}</div></a>
  541. {block:Description}<div class="text"><br />{Description}</div>{/block:Description}
  542. {/block:Link}
  543. </div>
  544.  
  545. <!-- permalink start-->
  546. <div class="permalinks">
  547. <a href="{Permalink}">{block:date}{MonthNumberWithZero}-{DayOfMonthWithZero}-{ShortYear} | {12Hour}:{Minutes}{AmPm}{/block:date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</a><br/>
  548. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  549. {block:PermalinkPage}
  550. <br/><br/>
  551. <div class="permalinkpost">
  552. {block:PostNotes}
  553. <div class="notecontainer">{PostNotes}</div>
  554. {/block:PostNotes}
  555. </div>
  556. {/block:PermalinkPage}
  557.  
  558. </div><!--end of permalinks div-->
  559.  
  560. <!--note page-->
  561.  
  562.  
  563.  
  564. </div> <!--end of posts div-->
  565.  
  566. {/block:posts}
  567. </div>
  568.  
  569. </div> <!--container div -->
  570. </body>
  571. </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!