API tools faq
paste
Advertisement
cvndythemes

MINERVA: THEME

cvndythemes
Mar 31st, 2019
384
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{text:Page Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!--
  9.  
  10. >> ETHEREAL THEMES // MINERVA - TAGS PAGE
  11.  
  12. Designed by etherealthemes
  13. etherealthemes.tumblr.com
  14. ⓒ 2016 - 2019
  15.  
  16. >> TERMS OF USE
  17.  
  18. Do NOT remove the credit
  19. Do NOT claim as your own
  20.  
  21. *You can move the credit, but leave it visible
  22. *Edit as much as you'd like
  23. *Feel free to ask about basic customization
  24. *Page suggestions always welcomed
  25.  
  26. >> THEME HELP
  27.  
  28. TO ADD SECTIONS:
  29. To add sections to the sidebar, search:
  30. START SIDEBAR
  31. and copy from START SIDE CONTENT to END SIDE CONTENT
  32. and paste to add a section
  33.  
  34. To add tags sections search
  35. START TAG
  36. and copy from START TAG BLOCK to END TAG BLOCK
  37. and paste to add a section
  38.  
  39. THEME:
  40. All colors customizable on editor. Search color codes to change:
  41. background: #ffffff, Text: #000000, Accent: #e8e8e8
  42.  
  43. MISC:
  44. All tag links in scroll box to keep page tidy.
  45. Page auto-centers (sidebar + tags)
  46. Auto-fills all page sizes ; drag your window size to preview
  47.  
  48. -->
  49.  
  50.  
  51. <!-- COLORS -->
  52. <meta name="color:Background" content="#ffffff" />
  53. <meta name="color:Text" content="#000000" />
  54. <meta name="color:Accent" content="#e8e8e8" />
  55.  
  56.  
  57. <!-- TEXT -->
  58. <meta name="text:Page Title" content="Page Title"/>
  59.  
  60.  
  61. <!-- IF -->
  62. <meta name="if:Invert Tumblr Controls" content="0"/>
  63.  
  64.  
  65. <!-- SELECT -->
  66. <meta name="select:Font Size" content="10px" title="Default">
  67. <meta name="select:Font Size" content="9px" title="Small">
  68. <meta name="select:Font Size" content="11px" title="Large">
  69.  
  70.  
  71. <!-- SCRIPTS-->
  72. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  73.  
  74.  
  75.  
  76. <!-- STYLESHEET-->
  77. <style type="text/css">
  78.  
  79. /* --- SCROLLBAR --- */
  80.  
  81. ::-webkit-scrollbar-thumb {background:{color:Accent};border-right:2px solid {color:Background};}
  82.  
  83. ::-webkit-scrollbar {width:6px;background:{color:Background};}
  84.  
  85. /* --- SELECTION ---*/
  86.  
  87. ::-moz-selection {color:{color:Background};background:{color:Text};opacity:1;}
  88.  
  89. ::selection {color:{color:Background};background:{color:Text};opacity:1;}
  90.  
  91. /* --- TUMBLR TOOLS --- */
  92.  
  93. iframe.tmblr-iframe {
  94. position:fixed;
  95. z-index:10!important;
  96. top:2px!important;
  97. right:0px!important;
  98. opacity:0;
  99. padding-right:60px;
  100. transform:scale(0.5);
  101. transform-origin:100% 0;
  102. -webkit-transform:scale(0.5);
  103. -webkit-transform-origin:100% 0;
  104. -o-transform:scale(0.5);
  105. -o-transform-origin:100% 0;
  106. -moz-transform:scale(0.5);
  107. -moz-transform-origin:100% 0;
  108. -ms-transform:scale(0.5);
  109. -ms-transform-origin:100% 0;
  110. {block:IfInvertTumblrControls}
  111. filter:invert(1);
  112. -webkit-filter:invert(1);
  113. -o-filter:invert(1);
  114. -moz-filter:invert(1);
  115. -ms-filter:invert(1);
  116. {/block:IfInvertTumblrControls}
  117. transition:.2s ease-in-out;
  118. -webkit-transition:.2s ease-in-out;
  119. -moz-transition:.2s ease-in-out;
  120. }
  121.  
  122. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  123.  
  124. .tcontrols {
  125. position:fixed;
  126. top:9px;
  127. right:15px;
  128. z-index:9;
  129. transition:.2s ease-in-out;
  130. -webkit-transition:.2s ease-in-out;
  131. -moz-transition:.2s ease-in-out;
  132. }
  133.  
  134. .tcontrols {color:{color:Text};font-size:14px;}
  135.  
  136. /* --- BODY --- */
  137.  
  138. body {
  139. margin: 0px;
  140. padding: 0px;
  141. font-family:'Open Sans', sans-serif;
  142. color:{color:Text};
  143. font-size:{select:Font Size};
  144. line-height:calc({select:Font Size} + 2px);
  145. font-weight:normal;
  146. word-wrap:normal;
  147. text-align:left;
  148. background:{color:Background};
  149. }
  150.  
  151. a {
  152. color:{color:Text};
  153. text-decoration:none;
  154. border:0;
  155. opacity:0.6;
  156. transition:0.2s ease-in-out;
  157. -webkit-transition:0.2s ease-in-out;
  158. -moz-transition:0.2s ease-in-out;
  159. }
  160.  
  161. a:hover {opacity:1.0;}
  162.  
  163. b,strong {font-weight:600;}
  164.  
  165. .et {position:fixed;color:{color:Text};right:8px;bottom:8px;opacity:0.6;text-transform:uppercase;font-size:calc({select:Font Size} - 0.5px);z-index:3;}
  166.  
  167. .block {
  168. position:fixed;
  169. top:0px;
  170. left:0px;
  171. background:{color:Background};
  172. height:33px;
  173. width:100%;
  174. z-index:1;
  175. }
  176.  
  177. /* --- SIDEBAR --- */
  178.  
  179. .sidebar {
  180. position:fixed;
  181. top:0px;
  182. left:0px;
  183. padding:40px 20px 20px 20px;
  184. height:100%;
  185. width:160px;
  186. background:{color:Background};
  187. text-align:center;
  188. text-transform:uppercase;
  189. }
  190.  
  191. .sidebar a {
  192. display:block;
  193. padding:0px;
  194. text-transform:uppercase;
  195. padding:5px 0px 0px 0px;
  196. text-transform:uppercase;
  197. line-height:16px;
  198. font-weight:normal;
  199. color:{color:text};
  200. text-decoration:none;
  201. transition:0.2s ease-in-out;
  202. -webkit-transition:0.2s ease-in-out;
  203. -moz-transition:0.2s ease-in-out;
  204. }
  205.  
  206. .sidebar h1 {
  207. display:block;
  208. text-transform:uppercase;
  209. padding:20px 0px 0px 0px;
  210. font-size:calc({select:Font Size} + 1px);
  211. line-height:calc({select:Font Size} + 5px);
  212. font-weight:600;
  213. color:{color:Text};
  214. text-decoration:none;
  215. font-weight:normal!important;
  216. }
  217.  
  218. .sidebar b:first-of-type {padding-top:10px;}
  219.  
  220. .side {
  221. width:160px;
  222. height:145px;
  223. overflow:scroll;
  224. background:{color:Background};
  225. }
  226.  
  227. /* --- CONTAINER --- */
  228.  
  229. .container {
  230. position:absolute;
  231. top:0px;
  232. left:0px;
  233. margin-left:200px;
  234. background:{color:Background};
  235. width:calc(100% - 230px - 60px);
  236. padding:40px 30px 20px 30px;
  237. text-align:center;
  238. }
  239.  
  240. /* --- TAGS --- */
  241.  
  242. .section {
  243. width:150px;
  244. margin:20px 30px;
  245. background:{color:Background};
  246. display:inline-block;
  247. }
  248.  
  249. .section h1 {
  250. display:block;
  251. text-transform:uppercase;
  252. font-size:calc({select:Font Size} + 1px);
  253. line-height:calc({select:Font Size} + 5px);
  254. font-weight:600;
  255. color:{color:Text};
  256. text-decoration:none;
  257. font-weight:normal!important;
  258. }
  259.  
  260. .tags {
  261. width:152px;
  262. height:176px!important;
  263. overflow:scroll!important;
  264. margin-top:10px;
  265. }
  266.  
  267. .tags a {
  268. display:block;
  269. text-transform:uppercase;
  270. padding:4px 0px;
  271. color:{color:text};
  272. text-decoration:none;
  273. transition:0.2s ease-in-out;
  274. -webkit-transition:0.2s ease-in-out;
  275. -moz-transition:0.2s ease-in-out;
  276. }
  277.  
  278. .tags a:hover {opacity:1.0;}
  279.  
  280. </style>
  281. <body>
  282.  
  283.  
  284.  
  285.  
  286. <!-- DO NOT EDIT -->
  287. <div class="tcontrols">+</div><div class="block"></div><div class="et"><a href="https://ethereal-themes.tumblr.com">ethereal</a></div>
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294. <!-- START SIDEBAR -->
  295. <div class="sidebar">
  296.  
  297.  
  298. <!-- Start Side Content -->
  299. <h1>navigation</h1>
  300. <a href="/">Index</a>
  301. <a href="/ask">Message</a>
  302. <a href="/">Link</a>
  303. <a href="/">Link</a>
  304. <!-- End Side Content -->
  305.  
  306.  
  307.  
  308. <!-- Start Side Content -->
  309. <h1>Title</h1>
  310. <a href="/">Link</a>
  311. <a href="/">Link</a>
  312. <a href="/">Link</a>
  313. <a href="/">Link</a>
  314. <a href="/">Link</a>
  315. <a href="/">Link</a>
  316. <!-- End Side Content -->
  317.  
  318.  
  319.  
  320. <!-- Start Side Content -->
  321. <h1>Title</h1>
  322. <a href="/">Link</a>
  323. <a href="/">Link</a>
  324. <a href="/">Link</a>
  325. <a href="/">Link</a>
  326. <!-- End Side Content -->
  327.  
  328.  
  329. </div>
  330. <!-- END SIDEBAR -->
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342. <!-- START CONTAINER -->
  343. <div class="container">
  344.  
  345.  
  346.  
  347.  
  348.  
  349. <!-- START TAG BLOCK -->
  350. <div class="section">
  351. <h1>Tag Title</h1>
  352. <img src="https://placehold.it/150X150"/>
  353.  
  354. <div class="tags">
  355. <a href="/">Link</a>
  356. <a href="/">Link</a>
  357. <a href="/">Link</a>
  358. <a href="/">Link</a>
  359. <a href="/">Link</a>
  360. <a href="/">Link</a>
  361. </div>
  362. </div>
  363. <!-- END TAG BLOCK -->
  364.  
  365.  
  366.  
  367.  
  368. <!-- START TAG BLOCK -->
  369. <div class="section">
  370. <h1>Tag Title</h1>
  371. <img src="https://placehold.it/150X150"/>
  372.  
  373. <div class="tags">
  374. <a href="/">Link</a>
  375. <a href="/">Link</a>
  376. <a href="/">Link</a>
  377. <a href="/">Link</a>
  378. <a href="/">Link</a>
  379. <a href="/">Link</a>
  380. <a href="/">Link</a>
  381. <a href="/">Link</a>
  382. <a href="/">Link</a>
  383. </div>
  384. </div>
  385. <!-- END TAG BLOCK -->
  386.  
  387.  
  388.  
  389.  
  390. <!-- START TAG BLOCK -->
  391. <div class="section">
  392. <h1>Tag Title</h1>
  393. <img src="https://placehold.it/150X150"/>
  394.  
  395. <div class="tags">
  396. <a href="/">Link</a>
  397. <a href="/">Link</a>
  398. <a href="/">Link</a>
  399. <a href="/">Link</a>
  400. <a href="/">Link</a>
  401. <a href="/">Link</a>
  402. <a href="/">Link</a>
  403. <a href="/">Link</a>
  404. <a href="/">Link</a>
  405. </div>
  406. </div>
  407. <!-- END TAG BLOCK -->
  408.  
  409.  
  410.  
  411.  
  412. <!-- START TAG BLOCK -->
  413. <div class="section">
  414. <h1>Tag Title</h1>
  415. <img src="https://placehold.it/150X150"/>
  416.  
  417. <div class="tags">
  418. <a href="/">Link</a>
  419. <a href="/">Link</a>
  420. <a href="/">Link</a>
  421. <a href="/">Link</a>
  422. <a href="/">Link</a>
  423. <a href="/">Link</a>
  424. <a href="/">Link</a>
  425. </div>
  426. </div>
  427. <!-- END TAG BLOCK -->
  428.  
  429.  
  430.  
  431.  
  432. <!-- START TAG BLOCK -->
  433. <div class="section">
  434. <h1>Tag Title</h1>
  435. <img src="https://placehold.it/150X150"/>
  436.  
  437. <div class="tags">
  438. <a href="/">Link</a>
  439. <a href="/">Link</a>
  440. <a href="/">Link</a>
  441. <a href="/">Link</a>
  442. <a href="/">Link</a>
  443. </div>
  444. </div>
  445. <!-- END TAG BLOCK -->
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452. </div>
  453. <!-- END CONTAINER -->
  454.  
  455.  
  456.  
  457.  
  458.  
  459. </body>
  460. </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!