API tools faq
paste
ofmolotovs

THEME 1V2: WE HAPPY FEW.

ofmolotovs
Jul 12th, 2016
574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.55 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- THEME #1 V2 WE HAPPY FEW by OFMOLOTOVS.
  9. please do not post as your own, try to claim as your own, steal any coding or take inspiration from this theme. i will use satan's assistance in tracking you down. here's me doing it now ᕕ( ᐛ )ᕗ --->
  10.  
  11. <meta name="color:background" content="#1a1a1a"/>
  12. <meta name="color:text" content="#eaeaea"/>
  13. <meta name="color:bold" content="#b7b856"/>
  14. <meta name="color:desc" content="#fff"/>
  15. <meta name="color:link" content="#ededed"/>
  16. <meta name="color:titlebg" content="#232222"/>
  17. <meta name="color:blockquote" content="#232323"/>
  18. <meta name="color:entries" content="#282828"/>
  19. <meta name="color:titletext" content="#dc6161"/>
  20. <meta name="color:img background" content="#2b2b2b"/>
  21.  
  22. <meta name="image:sidebar1" content=""/>
  23.  
  24. <meta name="text:title" content="title"/>
  25. <meta name="text:title2" content="title2"/>
  26.  
  27.  
  28. <meta name="text:link3name" content="link 3 title"/>
  29. <meta name="text:link3url" content="/"/>
  30. <meta name="text:link4name" content="link 4 title"/>
  31. <meta name="text:link4url" content="/"/>
  32.  
  33. <!---- CUSTOM FONTS. --->
  34.  
  35.  
  36. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  37. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  38.  
  39. <!---- LINK ICONS. --->
  40.  
  41. <script src="https://use.fontawesome.com/3f1cea8125.js"></script>
  42.  
  43. <style type="text/css">
  44.  
  45. /*DON'T TOUCH THIS, THIS IS THE SMALLFONTS*/
  46. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  47.  
  48. #s-m-t-tooltip {
  49. max-width:300px;
  50. padding:3px 4px 5px 4px;
  51. margin:-35px 0px -10px 30px;
  52. background-color:{color:background};
  53. border-left: 2px solid {color:bold};
  54. font-size:7px;
  55. font-family:'silkscreen';
  56. letter-spacing:2px;
  57. text-transform:uppercase;
  58. color:{color:text};
  59. z-index:1000;
  60.  
  61. }
  62.  
  63.  
  64. black and white filter html:
  65. img{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  66.  
  67. img:hover{-webkit-filter: Grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  68.  
  69. .html_photoset {
  70. -webkit-filter: grayscale(100%);
  71. -webkit-transition: all .25s;
  72. ...
  73. }
  74. .html_photoset:hover {
  75. -webkit-filter: grayscale(100%);
  76. }
  77.  
  78. ::-webkit-scrollbar{height: 2px;
  79. width:1px;
  80. background-color:#0f0f0f;}
  81. ::-webkit-scrollbar-thumb{background-color:{color:entries};border-left:1px solid {color:bold};}
  82. ::-webkit-scrollbar-track{background-color:{color:entries};}
  83.  
  84. body {
  85. background:{color:background};
  86. margin:0px;
  87. color:{color:text};
  88. font-size:9.5px;
  89. letter-spacing:1px;
  90. line-height:100%;
  91. font-family:'roboto';
  92. }
  93.  
  94. i,em {
  95. letter-spacing:2px;
  96. color:{color:text};
  97. }
  98.  
  99. b,strong {
  100. font-family:'Montserrat';
  101. text-transform:uppercase;
  102. letter-spacing:1px;
  103. color:{color:bold};
  104. }
  105.  
  106. sub,sup {
  107. font-size:9px;
  108. }
  109.  
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. -moz-outline-style:none;
  114. color:{color:link};
  115. }
  116.  
  117. a:hover {
  118. -webkit-filter: blur(0.9px);
  119. }
  120.  
  121. img {
  122. border:none;
  123. }
  124.  
  125. h1,h2 {
  126. font-family:'silkscreen';
  127. font-size:7px;
  128. text-align:center;
  129. padding:5px;
  130.  
  131. }
  132.  
  133. blockquote {
  134. padding:10px;
  135. text-align:justify;
  136. background-color:{color:blockquote};
  137. margin-left:0px;
  138. width:380px;
  139. }
  140.  
  141. blockquote blockquote {
  142. padding-left:5px;
  143. border-left:2px solid;
  144. }
  145.  
  146. all {
  147. font-size:15px;
  148. }
  149.  
  150. #entries {
  151. padding:10px;
  152. width:440px;
  153. margin-left:300px;
  154. margin-top:199px;
  155. overflow:auto;
  156. height:270px;
  157. text-align:justify;
  158. background-color:{color:entries};
  159. }
  160.  
  161. #post {
  162. width:398px;
  163. padding-bottom:20px;
  164. background: {color:background};
  165. padding: 20px;
  166. }
  167.  
  168. #post img {
  169. -webkit-filter: grayscale(100%);
  170. }
  171.  
  172.  
  173. #title {
  174. position: fixed;
  175. top: 180px;
  176. left: 300px;
  177. font-size:7px;
  178. text-align: center;
  179. font-family:'silkscreen';
  180. letter-spacing:2px;
  181. background-color:{color:titlebg};
  182. color:{color:titletext};
  183. padding-top:5px;
  184. padding-bottom:5px;
  185. text-transform: lowercase;
  186. width: 460px;
  187.  
  188. }
  189.  
  190. #title2 {
  191. position: fixed;
  192. top: 71px;
  193. left: 300px;
  194. font-size:7px;
  195. text-align: center;
  196. font-family:'silkscreen';
  197. letter-spacing:2px;
  198. background-color:{color:titlebg};
  199. color:{color:titletext};
  200. padding-top:5px;
  201. padding-bottom:5px;
  202. text-transform: lowercase;
  203. width: 460px;
  204.  
  205. }
  206.  
  207. #sidebarimage {
  208. width: 250px;
  209. z-index: 0;
  210. }
  211.  
  212. #sidebarimage1 img {
  213. position: fixed;
  214. top:90px;
  215. left: 332px;
  216. width:150px;
  217. height: 80px;
  218. padding:5px;
  219. background-color:{color:img background};
  220. z-index: 0;
  221. }
  222.  
  223. #sidebarimage2 img {
  224. display:none;
  225. }
  226.  
  227. #description {
  228. position: fixed;
  229. color: {color:desc};
  230. margin-top:-109px;
  231. font-size:8px;
  232. letter-spacing:1px;
  233. margin-left: 490px;
  234. background-color:{color:entries};
  235. padding:10px;
  236. padding-left:15px;
  237. width: 245px;
  238. height:70px;
  239. text-align: justify;
  240. line-height: 13px;
  241. overflow:auto;
  242. z-index: 0;
  243.  
  244.  
  245. }
  246.  
  247. #links {
  248. position: fixed;
  249. top:90px;
  250. left:300px;
  251. background-color:{color:entries};
  252. padding:10px;
  253. height:70px;
  254. text-transform: uppercase;
  255. letter-spacing: .5px;
  256. }
  257.  
  258.  
  259. #pagination {
  260. position: fixed;
  261. top: 450px;
  262. left: 560px;
  263. background-color:{color:titlebg};
  264. font-size:7px;
  265. font-family:'silkscreen';
  266. text-align:center;
  267. }
  268.  
  269. #info {
  270. text-align: center;
  271. font-family:'silkscreen';
  272. font-size:6px;
  273. margin-top:11px;
  274. margin-left: 0px;
  275. width:400px;
  276. padding-top:5px;
  277. padding-bottom:5px;
  278. background-color:{color:titlebg};
  279. }
  280.  
  281. #asker {
  282. display:none;
  283. }
  284.  
  285. #quote{
  286. font-size:7px;
  287. text-align:center;
  288. letter-spacing:1px;
  289. text-transform: uppercase;
  290. line-height: 12px;
  291. }
  292.  
  293. /* IF YOU REMOVE THIS CREDIT I SWEAR TO FUCKING SATAN I WILL FIND YOU */
  294.  
  295. #cred {
  296. position: fixed;
  297. bottom: 10px;
  298. right: 10px;
  299. padding: 3px;
  300. font-family:'silkscreen';
  301. font-size: 7px;
  302. color:{color:bold};
  303. }
  304.  
  305. #cred:hover {
  306. font-style:none;
  307. -webkit-filter: blur(0.9px);
  308. -o-transition:color .2s ease-out, background 1s ease-in;
  309. -ms-transition:color .2s ease-out, background 1s ease-in;
  310. -moz-transition:color .2s ease-out, background 1s ease-in;
  311. -webkit-transition:color .2s ease-out, background 1s ease-in;}
  312.  
  313. hr.separator {
  314. height:0px;
  315. border: none;
  316. border-bottom: {color:text} solid 0px; margin: .5em 0 .5em; }
  317.  
  318. #asker2 {
  319. text-transform: uppercase;
  320. font-weight: bold;
  321. font-family:'silkscreen';
  322. text-align:center;
  323. font-size:7px;
  324. color:color{color:bold};
  325. }
  326.  
  327. #question {
  328. background:transparent;
  329. padding: 3px;
  330. margin-top:-10px;
  331. font-size:8.5px;
  332. margin-left:0px;
  333. text-align:center;
  334. }
  335.  
  336.  
  337.  
  338.  
  339. {CustomCSS}</style></head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  340.  
  341. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  342.  
  343. <script>
  344.  
  345. (function($){
  346.  
  347. $(document).ready(function(){
  348.  
  349. $("a[title]").style_my_tooltips({
  350.  
  351. tip_follows_cursor:true,
  352.  
  353. tip_delay_time:90,
  354.  
  355. tip_fade_speed:600,
  356.  
  357. attribute:"title"
  358.  
  359. });
  360.  
  361. });
  362.  
  363. })(jQuery);
  364.  
  365. </script><body>
  366.  
  367.  
  368.  
  369. <div id="title">{text:Title}</div>
  370. <div id="title2">{text:Title2}</div>
  371.  
  372. <div id="description">{Description}</div>
  373.  
  374. </div>
  375.  
  376. <div id="sidebarimage1"><img src="{image:sidebar1}"></div>
  377.  
  378. <div id="links">
  379. <a title ="home." a href="/"><i class="fa fa-rss" aria-hidden="true"></i></a><br><br>
  380. <a title ="ask." a href="/ask"><i class="fa fa-pencil" aria-hidden="true"></i></a><br><br>
  381. <a title ="{text:link3name}" a href="{text:link3url}"><i class="fa fa-globe" aria-hidden="true"></i></a> <br><br>
  382. <a title ="{text:link4name}" a href="{text:link4url}"><i class="fa fa-user" aria-hidden="true"></i></a> <br>
  383. </div>
  384.  
  385.  
  386.  
  387. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}<br><br>
  388. {block:NextPage}<a href="{NextPage}"> →</a>{/block:NextPage}{/block:Pagination}
  389.  
  390. </div>
  391. </div>
  392.  
  393. <div id="entries">{block:Posts}<div id="post">
  394. {block:Text}<all>{block:Title}{Title}{/block:Title}</all>{Body}{/block:Text}
  395. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  396. {block:Photoset}<center>{Photoset-400}</center>
  397. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  398. {block:Quote}<div id="quote">❝ {Quote} ❞</div>{block:Source}<br><blockquote> —{Source}</blockquote>{/block:Source}{/block:Quote}
  399.  
  400. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  401.  
  402. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  403.  
  404. {block:Audio}{AudioPlayerblack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  405.  
  406. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  407.  
  408. {block:Answer}
  409. <div id="asker">
  410. <img src="{AskerPortraitURL-30}"></div>
  411. <div id="asker2">{Asker} inquired :</div><br>
  412. <div id="question">{Question}</div>
  413. <br><br><div id="answer">{Answer}</div>
  414. {/block:Answer}
  415.  
  416.  
  417. <hr class="separator">
  418. <div id="info">
  419. {block:Date}{TimeAgo}{/block:Date} · <a href="{Permalink}">
  420. {NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} <i class="fa fa-hashtag" aria-hidden="true"></i> <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  421.  
  422. </div>
  423. {block:PostNotes}{PostNotes}{/block:PostNotes}<br><br>
  424. {/block:Posts}</div>
  425.  
  426. <div id="cred"><a href="http://ofmolotovs.tumblr.com/" a title="Cred">ofmolotovs</a></div>
  427.  
  428. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!