Advertisement
Guest User

tumblr theme uwu

a guest
Jan 19th, 2018
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.46 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--kewl features-->
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#2b2b2b"/>
  15. <meta name="color:link" content="#2b2b2b"/>
  16. <meta name="color:link border" content=""/>
  17. <meta name="color:link hover" content="#949494"/>
  18. <meta name="color:blockquote" content="#dadada"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="image:background" content=""/>
  22.  
  23.  
  24. <meta name="text:link 1 URL" content="" />
  25. <meta name="text:link 1" content="" />
  26.  
  27. <!--CSS customization here. -->
  28.  
  29.  
  30. <style type="text/css">
  31.  
  32. #s-m-t-tooltip{
  33. position:absolute;
  34. margin-top: 15px;
  35. z-index:9999;
  36. background:{color:background};
  37. }
  38.  
  39. /*basics*/
  40.  
  41. blockquote {
  42. padding-left:12px;
  43. border-left:3px solid {color:blockquote};
  44. margin-left:8px;
  45. }
  46.  
  47. ul {
  48. list-style:none;
  49. text-align:left;
  50. padding-left:0;
  51. }
  52.  
  53. li {
  54. position:relative;
  55. padding-left:30px;
  56. }
  57.  
  58. ul li:before {
  59. position:absolute;
  60. left:15px;
  61. vertical-align:baseline!important;
  62. content:'›';
  63. }
  64.  
  65. body {
  66. background: {color:Background} url('{image:Background}') repeat;
  67. color:{color:text};
  68. font-family:verdana;
  69. font-size:18px;
  70. margin:0;
  71. text-align:justify;
  72. line-height:23px;
  73. }
  74.  
  75. a {
  76. color:{color:link};
  77. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  78. -moz-transition-duration:0.4s;
  79. -webkit-transition-duration:0.4s;
  80. -o-transition-duration:0.4s;
  81. text-decoration:none;
  82. }
  83.  
  84. a:hover {
  85. color:{color:link hover};
  86. -moz-transition-duration:0.4s;
  87. -webkit-transition-duration:0.4s;
  88. -o-transition-duration:0.4s;
  89. }
  90.  
  91. img {
  92. opacity:1;
  93. border:none;
  94. text-decoration:none;
  95. border-radius:15px;
  96. }
  97.  
  98. small {
  99. font-size:17px;
  100. }
  101.  
  102. big {
  103. font-size:19px;
  104. }
  105.  
  106. #title {font-size:17px;
  107. line-height:18px;
  108. margin-bottom:10px;
  109. text-transform:none;
  110. text-align:left;
  111. }
  112.  
  113. /*sidebar*/
  114.  
  115. #sidebar {
  116. position:fixed;
  117. margin-left:-295px;
  118. text-align:justify;
  119. margin-top:96px;
  120. width:210px;
  121. padding: 20px;
  122. background: #fff;
  123. border: 1px solid #000;
  124. border-radius:15px;
  125. }
  126.  
  127. #sidebar img {
  128. width:210px;
  129. }
  130.  
  131. #links {
  132. font-size:18px;
  133. margin-top:10px;
  134. text-align:center;
  135. text-transform:uppercase;
  136. }
  137.  
  138. #links a {
  139. margin-bottom:0px;
  140. -moz-transition-duration:0.4s;
  141. -webkit-transition-duration:0.4s;
  142. -o-transition-duration:0.4s;
  143. }
  144.  
  145. #description {
  146. margin-top:10px;
  147. text-align:center;
  148. border: 1px solid #000;
  149. padding: 20px;
  150. }
  151.  
  152. /*pagination*/
  153.  
  154. #pagination {
  155. text-transform:lowercase;
  156. text-align:center;
  157. font-size:18px;
  158. margin-bottom:120px;
  159. }
  160.  
  161. #pagination a {
  162. padding:0 3px;
  163. }
  164.  
  165. /*container*/
  166.  
  167. #con {
  168. left:50%;
  169. margin-left:-140px;
  170. position:absolute;
  171. }
  172.  
  173. /*posts*/
  174.  
  175. #entries {
  176. margin-top:95px;
  177. width:500px;
  178. }
  179.  
  180. #posts {
  181. width:380px;
  182. padding: 20px;
  183. border: 1px solid #000;
  184. background: #fff;
  185. border-radius:15px;
  186. {block:IndexPage}
  187. margin-bottom:80px;
  188. {/block:IndexPage}
  189. {block:PermalinkPage}
  190. margin-bottom:50px;
  191. {/block:PermalinkPage}
  192. }
  193.  
  194. #posts img {
  195. max-width:380px;
  196. }
  197.  
  198. #posts img, #posts li, #posts blockquote {
  199. max-width: 100%;
  200. }
  201.  
  202. .caption {
  203. width:100%;
  204. margin-top:13px;
  205. margin-bottom:12px;
  206. }
  207.  
  208. a.tumblr_blog {
  209. -moz-transition-duration:0.4s;
  210. -webkit-transition-duration:0.4s;
  211. -o-transition-duration:0.4s;
  212. }
  213.  
  214. /*quote*/
  215.  
  216. #titlequote {
  217. text-align:left;
  218. font-size:16px;
  219. line-height:17px;
  220. }
  221.  
  222. #source {
  223. margin-top:0px;
  224. margin-bottom:11px;
  225. margin-left:0px;
  226. }
  227.  
  228. #title{
  229. font-weight:normal;
  230. font-size:18px;
  231. margin:0 0 10px 0;
  232.  
  233. /*asks*/
  234.  
  235. .q {
  236. line-height:17px;
  237. font-size:16px;
  238. }
  239.  
  240. .as {
  241. font-weight:normal;
  242. }
  243.  
  244. .a {
  245. margin-top:13px;
  246. }
  247.  
  248. /*chat*/
  249.  
  250. .chat ol {
  251. padding:0;
  252. list-style:none;
  253. }
  254.  
  255. .line {
  256. padding:0px 0;
  257. }
  258.  
  259. .label {
  260. }
  261.  
  262. /*permalink and notes*/
  263.  
  264. #permalink {
  265. font-size:16px;
  266. text-align:left;
  267. margin-top:9px;
  268. text-transform:uppercase;
  269. }
  270.  
  271. #permalink a {
  272. margin-right:0px;
  273. }
  274.  
  275. .tags {
  276. font-size:16px;
  277. text-transform:none;
  278. }
  279.  
  280. .pagenotes {
  281. {block:IndexPage}
  282. display: none!important;
  283. {/block:IndexPage}
  284. width:500px;
  285. text-align:left;
  286. }
  287.  
  288. .pagenotes img {
  289. display:none!important;
  290. }
  291.  
  292. .pagenotes li {
  293. list-style-type:none;
  294. padding:2px 0px;
  295. text-align:left;
  296. margin:0 0 0 -40px;
  297. }
  298.  
  299. {CustomCSS}
  300.  
  301. </style>
  302.  
  303. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  304. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  305.  
  306. </head>
  307.  
  308. <body>
  309.  
  310. <div id="con">
  311.  
  312. <div id="sidebar">
  313.  
  314. <div id="sidebar img"><img src="{image:sidebar}"></div>
  315.  
  316.  
  317. <div id="description">{Description}</div>
  318.  
  319. <div id="links">
  320. <a href="/">home</a> .
  321. <a href="/contact">ask</a> .
  322. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}
  323. </div>
  324.  
  325. </div>
  326.  
  327. <div id="entries">
  328.  
  329. {block:Posts}
  330.  
  331. <div id="posts">
  332.  
  333. {block:Quote}
  334. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  335. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  336. {/block:Quote}
  337.  
  338. {block:Text}
  339. {block:Title}
  340. <div id="title">{Title}</div>{/block:Title}
  341. {Body}
  342. {/block:Text}
  343.  
  344. {block:link}
  345. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  346. {block:Description}{Description}{/block:Description}
  347. {/block:link}
  348.  
  349. {block:Chat}
  350. {block:Title}
  351. <div id="title">{Title}</div>{/block:Title}
  352. {/block:Text}
  353. {block:lines}
  354. {block:label}
  355. <br><b>{label}</b>
  356. {/block:label}
  357. {line}
  358. {/block:lines}
  359. {/block:Chat}
  360.  
  361. {block:Photo}
  362. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  363. {/block:Photo}
  364.  
  365. {block:Photoset}
  366. {Photoset-500}
  367. {/block:Photoset}
  368.  
  369. <div class="video">{Video-500}</div>
  370.  
  371. {block:Audio}
  372. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  373. {/block:Audio}
  374.  
  375. {block:Answer}
  376. <div class="q">
  377. <div class="as"> <b><big>{Asker} whispered:</big></b>
  378. {Question}</div></div>
  379. <div class="a">{Answer}</div>
  380. {/block:Answer}
  381.  
  382. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  383.  
  384. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  385.  
  386. {block:Date}
  387. <div id="permalink">
  388. <a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
  389. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"></a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}"></a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  390.  
  391. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  392.  
  393. </div>
  394.  
  395. {/block:Date}
  396.  
  397. </div>
  398.  
  399. {block:PostNotes}
  400. <div class="pagenotes">
  401. {PostNotes}
  402. </div>
  403. {/block:PostNotes}
  404.  
  405. {/block:Posts}
  406.  
  407. <div id="pagination">
  408. {block:Pagination}
  409. {block:PreviousPage}
  410. <a href="{PreviousPage}">←</a>
  411. {/block:PreviousPage}
  412.  
  413.  
  414. {block:NextPage}
  415. <a href="{NextPage}">→</a>
  416. {/block:NextPage}
  417. {/block:Pagination}
  418. </div>
  419.  
  420. </div>
  421.  
  422. </div>
  423.  
  424. <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:19px;font-weight:normal;"><a title="theme credit" href="https://ilovesmb.tumblr.com/">(c)</a></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement