API tools faq
paste
Advertisement
kpoopfreak

Simplicity #02

kpoopfreak
Nov 8th, 2015
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Theme made by Serena from @kpoopfreak, @verminfrom13, and @jinkistah
  8. Note:
  9. !!!Please do not:
  10. -Use as base code
  11. -remove credit
  12. -repost as your own
  13. !!!but, feel free to:
  14. -customize theme
  15. -change cursor
  16. -change colors of credit
  17. -notify me of any problems (send them into @kpoopthemes please)
  18. -->
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--Image-->
  27. <meta name="image:Icon" content=""/>
  28.  
  29. <!--Text-->
  30. <meta name="text:Title" content="JinkFart"/>
  31. <meta name="text:Description Size" content="11px"/>
  32. <meta name="text:Post Width" content=""/>
  33. <meta name="text:Font Size" content="12px"/>
  34. <meta name="text:Google Font" content="Raleway"/>
  35. <meta name="text:Link 1 Title" content="Link One"/>
  36. <meta name="text:Link 1 URL" content="/"/>
  37. <meta name="text:Link 2 Title" content="Link Two"/>
  38. <meta name="text:Link 2 URL" content="/"/>
  39. <meta name="text:Link 3 Title" content="Link Three"/>
  40. <meta name="text:Link 3 URL" content="/"/>
  41. <meta name="text:Update Box Title" content="Updates"/>
  42. <meta name="text:Updates" content="DD/MM: Update here"/>
  43.  
  44. <!--Color-->
  45. <meta name="color:Background" content="#ffffff"/>
  46. <meta name="color:Post Bg" content="#fff"/>
  47. <meta name="color:Sidebar" content="#000000"/>
  48. <meta name="color:Title" content="#ffffff"/>
  49. <meta name="color:Description" content="#fff"/>
  50. <meta name="color:Text Selection Background" content="#beddaf"/>
  51. <meta name="color:Text Selection" content="#efefef"/>
  52. <meta name="color:More Button Border" content="#000"/>
  53. <meta name="color:More Button" content="#000000"/>
  54. <meta name="color:More Button Hover" content="#ffffff"/>
  55. <meta name="color:More Text Hover" content="#000"/>
  56. <meta name="color:More Button Bg" content="#beddaf"/>
  57. <meta name="color:More Button Link Bg Hover" content="#fff"/>
  58. <meta name="color:Font" content=""/>
  59. <meta name="color:Links" content="#bedaff"/>
  60. <meta name="color:Links Hover" content="#000000"/>
  61. <meta name="color:Asker" content="#868686"/>
  62. <meta name="color:Borders" content="#ebebeb"/>
  63. <meta name="color:Blockquote" content=""/>
  64. <meta name="color:Bold" content=""/>
  65. <meta name="color:Italic" content=""/>
  66. <meta name="color:Updates Border" content="#000"/>
  67.  
  68. <!--If-->
  69. <meta name="if:Circle Icon" content="1"/>
  70. <meta name="if:Updates Bold" content="1"/>
  71.  
  72. <!--Fonts-->
  73. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  74.  
  75.  
  76.  
  77. <!--Start CSS-->
  78. <style type="text/css"><
  79.  
  80. /* text selection */
  81. ::-moz-selection { /* Code for Firefox */
  82. color: {color:Text Selection};
  83. background: {color:Text Selection Background};
  84. }
  85.  
  86. ::selection {
  87. color: {color:Text Selection};
  88. background: {color:Text Selection Background};
  89. }
  90.  
  91. body {
  92. background-color:{color:Background};
  93. color:{color:Font};
  94. font-family: {text:Google Font}, sans-serif;
  95. }
  96.  
  97. a {
  98. color:{color:Links};
  99. text-decoration: none ;
  100. }
  101.  
  102. a:hover {
  103. color:{color:Links Hover};
  104. }
  105.  
  106. img {
  107. border:none;
  108. }
  109.  
  110. blockquote {
  111. padding-left:5px;
  112. border-left:2px solid {color:Blockquote};
  113. }
  114.  
  115. h1 {
  116. font-size:18px;
  117. font-family: 'Montserrat', sans-serif;
  118. }
  119.  
  120. b, strong {
  121. color:{color:Bold};
  122. font-weight:bold;
  123. }
  124.  
  125. i, em {
  126. color:{color:Italic};
  127. }
  128.  
  129.  
  130. #allcontainer {
  131. position:fixed;
  132. }
  133.  
  134. #links {
  135. position:absolute;
  136. margin-top:140px;
  137. margin-left:70px;
  138. }
  139. #links ul {
  140. list-style: none;
  141. padding: 0px;
  142. }
  143. #links ul li {
  144. display: block;
  145. position:relative;
  146. float:left;
  147. padding-right:0px;
  148. border:1px solid {color:More Button Border};
  149. }
  150. #links li ul {
  151. display: none;
  152. }
  153. #links ul li a {
  154. display: block;
  155. background: {color:More Button};
  156. padding: 10px;
  157. text-decoration: none;
  158. white-space: nowrap;
  159. color: #fff;
  160. }
  161. #links ul li a:hover {
  162. background:{color:More Button Hover};
  163. color:{color:More Text Hover};
  164. }
  165. #links li:hover ul {
  166. display: block;
  167. position: absolute;
  168. }
  169. #links li:hover li {
  170. float: none;
  171. }
  172. #links li:hover a {
  173. background:{color:More Button Bg};
  174. }
  175. #links li:hover li a:hover {
  176. background: {color:More Button Link Bg Hover};
  177. }
  178. #drop-nav li ul li {
  179. border-top: 0px;
  180. }
  181.  
  182. #title {
  183. color:{color:Title};
  184. font-size:20px;
  185. position:absolute;
  186. font-family: 'Josefin Sans', sans-serif;
  187. margin-top:80px;
  188. text-align:center;
  189. width:180px;
  190. height:30px;
  191. }
  192.  
  193. #description {
  194. font-family: 'Josefin Sans', sans-serif;
  195. position:absolute;
  196. margin-top:120px;
  197. padding:10px 20px 10px 20px;
  198. color:{color:Description};
  199. font-size:{text:Description Size};
  200.  
  201. }
  202.  
  203. #sidebarimage img{
  204. position:absolute;
  205. margin-top:5px;
  206. margin-left:55px;
  207. width:70px;
  208. height:70px;
  209. {block:ifCircleIcon}
  210. border-radius:45px;
  211. {/block:ifCircleIcon}
  212.  
  213. }
  214.  
  215. #sidebar {
  216. position:absolute;
  217. width:180px;
  218. height:200px;
  219. margin-top:20px;
  220. margin-bottom:50px;
  221. margin-left:150px;
  222. background-color:{color:Sidebar};
  223. }
  224.  
  225. #updates {
  226. border:2px solid {color:Updates Border};
  227. position:relative;
  228. padding:10px;
  229. margin-top:50px;
  230. margin-left:220px;
  231. width:160px;
  232. }
  233.  
  234. #update-title {
  235. text-align:center;
  236. color:{text:Updates Title};
  237. {block:ifUpdates Bold}
  238. font-weight:bold;
  239. {/block:ifUpdates Bold}
  240. }
  241.  
  242. #update {
  243. font-size:10px;
  244. }
  245.  
  246. #pagination {
  247. position:absolute;
  248. margin-top:150px;
  249. margin-left:60px;
  250. font-size:25px;
  251. }
  252.  
  253. #post {
  254. width:{text:Post Width};
  255. padding:20px;
  256. border:2px solid {color:Borders};
  257. margin-left:auto;
  258. margin-right:auto;
  259. margin-bottom:30px;
  260. font-size:{text:Font Size};
  261. background-color:{color:Post Bg};
  262. }
  263.  
  264. #asker {
  265. color:{color:Asker};
  266. font-size:12px;
  267. }
  268. #answer {
  269. text-transform:none;
  270. }
  271.  
  272. #cred {
  273. position:fixed;
  274. bottom:10px;
  275. left:10px;
  276. }
  277.  
  278. .title {
  279. background-color:black;
  280. }
  281.  
  282.  
  283. {CustomCSS}
  284. </style>
  285.  
  286.  
  287. </head>
  288.  
  289. <body>
  290.  
  291. <div id="allcontainer">
  292.  
  293. <!--Pagination-->
  294. {block:Pagination}
  295. <div id="pagination">{block:PreviousPage}
  296. <a href="{PreviousPage}">⇦</a> {/block:PreviousPage}
  297. {block:NextPage}
  298. <a href="{NextPage}">⇨</a><br/><br/>
  299. {/block:NextPage}
  300. {/block:Pagination}
  301. </div>
  302.  
  303. <div id="sidebar">
  304.  
  305.  
  306. <div id='links'>
  307. <ul>
  308. <li><a href='#'>♡</a>
  309. <ul>
  310. <li><a title="{text:Link 1 Title}" href="{text:Link 1 URL}">{text:Link 1 Title}</a></a></li>
  311. <li><a title="{text:Link 2 Title}" href="{text:Link 2 URL}">{text:Link 2 Title}</a></li>
  312. <li><a title="{text:Link 3 Title}" href="{text:Link 3 URL}">{text:Link 3 title}</a></li>
  313. </ul>
  314. </li>
  315. </ul>
  316. </div>
  317.  
  318.  
  319.  
  320.  
  321.  
  322. <div id="title-cont"><div id="title">{text:Title}</div></div>
  323.  
  324. <div id="sidebarimage"><img src="{image:Icon}"></div>
  325.  
  326. <div id="description">{Description}</div>
  327.  
  328.  
  329. <div id="updates">
  330. <div id="update-title">{text:Update Box Title}</div>
  331. <hr>
  332. <div id="update">{text:Updates}</div>
  333. </div>
  334.  
  335. </div>
  336. </div>
  337.  
  338.  
  339. <div title="KpoopThemes" id="cred"><a href="http://kpoopthemes.tumblr.com">♔</a></div>
  340.  
  341.  
  342.  
  343.  
  344. <div id="post-container">
  345. {block:Posts}
  346. <div id="post">
  347.  
  348. <!--Text-->
  349. {block:Text}
  350. <h1>
  351. {block:Title}
  352. {Title}
  353. {/block:Title}
  354. </h1>
  355. {Body}
  356. {/block:Text}
  357.  
  358.  
  359.  
  360. <!--Photo-->
  361. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  362.  
  363.  
  364.  
  365.  
  366. <!--Photo Set-->
  367. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  368.  
  369.  
  370.  
  371. <!--Quote-->
  372. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  373.  
  374.  
  375.  
  376. <!--Link-->
  377. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  378.  
  379.  
  380.  
  381.  
  382. <!--Chat-->
  383. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  384.  
  385.  
  386.  
  387. <!--Audio-->
  388. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  389.  
  390.  
  391.  
  392. <!--Video-->
  393. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  394.  
  395.  
  396.  
  397.  
  398. <!--Answer-->
  399. {block:Answer}
  400. <div id="asker">
  401. {Asker}
  402. asked:
  403. </div>
  404. {Question}
  405. <div id="answer">{Answer}
  406. </div>{/block:answer}
  407.  
  408.  
  409.  
  410. <!--Caption Info-->
  411. <small> <a class="reblog" href="{ReblogURL}">+reblog</a> - <a href="{Permalink}">{NoteCountWithLabel}</a>
  412. {block:ContentSource} - <a href="{SourceURL}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
  413. {block:HasTags}{block:Tags} Tags: <a href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}</div></div></div>
  414. {block:PostNotes}{PostNotes}{/block:PostNotes}
  415. {/block:Posts}</small></div>
  416. </div>
  417.  
  418.  
  419. </body>
  420. </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!