API tools faq
paste
Advertisement
kpopcoloringsthemes

THEME #11 by KPOP-COLORINGS

kpopcoloringsthemes
Dec 24th, 2016
534
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------------------------------------------
  5.  
  6. Theme #11 by kpop-colorings.tumblr.com
  7. by admin margie @ hyukk-jae.tumblr.com
  8. Do not remove the credits
  9. Do not copy or repost
  10. Don't use as base code
  11. If there are any problems please tell me
  12.  
  13.  
  14. --------------------------------------------------------------------->
  15.  
  16. <head>
  17. </script>
  18. <style>html, body, a { cursor:url("https://68.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png"), auto !important; }
  19.  
  20. a:hover{cursor:url("https://68.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_n6zhnrva5p1r1shc4.png"), auto !important; }
  21. </style>
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{FavIcon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26.  
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  28.  
  29. <meta name="color:Background" content="#fff" />
  30. <meta name="color:Text" content="#acacac"/>
  31. <meta name="image:Background" content=""/>
  32.  
  33. <meta name="color:Scrollbar" content="#000"/>
  34.  
  35. <meta name="color:Light Accents" content="#eee"/>
  36. <meta name="color:Link" content="#aaa"/>
  37. <meta name="color:Link Hover" content="#63b7a4"/>
  38.  
  39. <meta name="color:Title" content="#888"/>
  40.  
  41. <meta name="color:Sidebar Link" content="#aaa"/>
  42. <meta name="color:Sidebar Border" content="#d5d5d5"/>
  43. <meta name="color:Sidebar Link Hover" content="#63b7a4"/>
  44.  
  45. <meta name="image:sidebar" content=""/>
  46.  
  47. <meta name="text:Link 1" content="index"/>
  48. <meta name="text:Link 1 url" content="/"/>
  49. <meta name="text:Link 2" content="ask"/>
  50. <meta name="text:Link 2 url" content="/ask"/>
  51. <meta name="text:link 3" content="archive"/>
  52. <meta name="text:Link 3 url" content="/archive"/>
  53. <meta name="text:Link 4" content="link 4"/>
  54. <meta name="text:Link 4 url" content="/"/>
  55. <meta name="text:Link 5" content="link 5"/>
  56. <meta name="text:Link 5 url" content="/"/>
  57.  
  58. <!--post width options-->
  59. <meta name="if:400px" content="0"/>
  60. <meta name="if:500px" content="1"/>
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. /* follow/dashboard buttons */
  66. iframe#tumblr_controls {
  67. right:2px !important;
  68. position: fixed !important;
  69. -webkit-transition: opacity 0.7s linear;
  70. opacity: 0.16;
  71. -webkit-transition: all 0.8s ease-out;
  72. -moz-transition: all 0.8s ease-out;
  73. transition: all 0.8s ease-out;
  74. -webkit-filter: invert(100%);
  75. }
  76. iframe#tumblr_controls:hover {
  77. -webkit-transition: opacity 0.7s linear;
  78. opacity: 0.16;
  79. -webkit-transition: all 0.4s ease-out;
  80. -moz-transition: all 0.4s ease-out;
  81. transition: all 0.4s ease-out;
  82. -webkit-filter: invert(100%);
  83. }
  84.  
  85. /* basic styles */
  86. body {
  87. color: {color:Text};
  88. background-color: {color:Background};
  89. background-image: url({image:Background});
  90. font: 10px consolas;
  91. line-height: 16px;
  92. }
  93. a {
  94. text-decoration: none;
  95. color: {color:Link};
  96. }
  97.  
  98. a:hover {
  99. color:{color:Link Hover};
  100. -moz-transition-duration:0.7s;
  101. -webkit-transition-duration:0.7s;
  102. -o-transition-duration:0.7s;
  103. }
  104.  
  105.  
  106. h1 {
  107. font-size: 12px;
  108. color: {color:Title};
  109. }
  110. /* scrollbar */
  111. ::-webkit-scrollbar {
  112. width: 3px;
  113. height: 5px;
  114. background: {color:Background};
  115. }
  116. ::-webkit-scrollbar-thumb {
  117. background: {color:Scrollbar};
  118. border-radius: 16px;
  119. border-top: 5px solid {color:Background};
  120. }
  121. /* post customizations */
  122. #content { /* for the whole column of posts */
  123. {block:IndexPage}
  124. {block:if400px}
  125. width: 400px;
  126. {/block:if400px}
  127. {block:if500px}
  128. width: 500px;
  129. {/block:if500px}
  130. {/block:IndexPage}
  131. {block:PermalinkPage}
  132. width: 400px;
  133. {/block:PermalinkPage}
  134. position: relative;
  135. margin-left: 310px;
  136. margin-top: 20px;
  137. }
  138. .entry { /* for individual posts */
  139. margin-bottom: 80px;
  140. border-bottom: 1px solid {color:Sidebar Border};
  141.  
  142. }
  143.  
  144. /* permalinks */
  145. #perma {
  146. position: absolute;
  147. right:0px;
  148. padding-top: 4px;
  149. letter-spacing: .5px;
  150. text-transform: lowercase;
  151.  
  152. }
  153. /* sidebar */
  154. #side {
  155. top: 125px;
  156. left: 26px;
  157. position: fixed;
  158. width: 180px;
  159. padding: 10px;
  160. padding-bottom:5px;
  161. border:1px solid {color:Sidebar Border};
  162. border-radius:7px;
  163. }
  164. #side a{
  165. border-bottom: 1px solid transparent;
  166. color: {color:Sidebar Link};
  167. }
  168. #side a:hover {
  169.  
  170. border-bottom: 1px solid {color:Sidebar Border};
  171. color: {color:Sidebar Link Hover};
  172. }
  173. .head {
  174. font-size: 12px;
  175. margin-bottom: 10px;
  176. margin-left: 10px;
  177. color: {color:Title};
  178. letter-spacing: .5px;
  179. }
  180. blockquote {
  181. border-left: 1px solid {color:Light Accents};
  182. margin-left: 6px;
  183. padding-left: 10px;
  184. }
  185.  
  186. /*side bar image and pagination*/
  187.  
  188. #sidebarimage img
  189. {
  190. position:fixed;
  191. margin-left:26px;
  192. margin-top:36px;
  193. width:65px;
  194. border-radius:17px;
  195. }
  196.  
  197. #pagination
  198. {
  199. position:fixed;
  200. font-size:14px;
  201. margin-top:18px;
  202. margin-left:52px;
  203. font-family:calibri;
  204. font-style:normal;
  205. text-align:left;
  206. letter-spacing:4px;
  207. }
  208.  
  209. #pagination a:hover {
  210. letter-spacing:5px;
  211. -moz-transition-duration:0.7s;
  212. -webkit-transition-duration:0.7s;
  213. -o-transition-duration:0.7s;
  214.  
  215. }
  216.  
  217. /* permalink page */
  218. img.avatar {display:none; }
  219. ol.notes {
  220. margin-top: 20px;
  221. }
  222.  
  223. .credit a {
  224. position: fixed;
  225. bottom: 10px;
  226. font: 11px consolas;
  227. right: 13px;
  228.  
  229. }
  230.  
  231. </style>
  232.  
  233.  
  234.  
  235. </head>
  236.  
  237. <body>
  238.  
  239. <!--sidebar-->
  240. <div id="side">
  241. <div class="head">{Title}</div>{Description}<p><a href="{text:Link 1 url}">{text:Link 1}</a> <a href="{text:Link 2 url}">{text:Link 2}</a> <a href="{text:Link 3 url}">{text:Link 3}</a> <a href="{text:Link 4 url}">{text:Link 4}</a> <a href="{text:Link 5 url}">{text:Link 5}</a></div>
  242. <!----->
  243.  
  244. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"/></div></a><br>
  245.  
  246. <div id="pagination">
  247. {block:Pagination}
  248. <div id="pagination">
  249. {block:NextPage}
  250. <a href="{NextPage}">NEXT</a> <br>
  251. {/block:NextPage}
  252. {block:PreviousPage}
  253. <a href="{PreviousPage}">PREVIOUS</a>
  254. {/block:PreviousPage}
  255. </div>
  256. {/block:Pagination}</div>
  257.  
  258. <div id="content">
  259. {block:Posts}
  260.  
  261. <!-- {block:NoRebloggedFrom}
  262. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  263. {/block:NoRebloggedFrom} -->
  264. <div class="entry">
  265. <!--permalink-->
  266.  
  267.  
  268.  
  269. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  270.  
  271. {block:Photoset}{block:IndexPage}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  272.  
  273. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  274.  
  275. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  276.  
  277. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  278.  
  279. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  280.  
  281. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  282.  
  283. {block:Video}{block:IndexPage}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  284.  
  285. {block:Answer}<b>{Asker}</b> asked: <br><left><i>{Question}</i></left><p>{Answer}{/block:Answer}
  286.  
  287. {block:IndexPage}<div id="perma"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {year}</a><a href="{Permalink}"></a>
  288. <a href="{Permalink}"> +{NoteCount}</a> <a href="{ReblogURL}">reblog</a></div> {/block:IndexPage}
  289.  
  290. <!--permalink page-->
  291. {block:PermalinkPage}
  292. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>posted on {Month} {DayOfMonth}{DayOfMonthSuffix} {year}, with {NoteCount} notes<br>
  293. {block:RebloggedFrom}via: <a href="{ReblogParentURL}" >{ReblogParentName}</a> + source: <a href="{ReblogRootURL}" >{ReblogRootName}</a>{/block:RebloggedFrom}
  294.  
  295.  
  296.  
  297. </center>
  298. {block:PostNotes}{PostNotes}{/block:PostNotes}
  299. {/block:PermalinkPage}
  300. </div> <!---entry div--->
  301. {/block:Posts}
  302.  
  303. {block:ContentSource}<!-- {SourceURL}
  304. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  305. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  306. {/block:ContentSource}
  307. </div><!---content div--->
  308.  
  309. <div class="credit"><a href= "http://kpop-colorings.tumblr.com/">THEME</a></div>
  310.  
  311. </body>
  312.  
  313. </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!