Advertisement
bakushima

victory theme

Oct 25th, 2016
3,785
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.72 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!-----
  4.  
  5. victory theme by sam @classroom.tumblr.com
  6.  
  7. basecode by animecharacter
  8.  
  9. edit whatever u want just DO NOT REMOVE THE CREDIT!
  10. (u cn change the pixel if u want)
  11.  
  12. lmk if there are any bugs or u have any questions
  13.  
  14. ----->
  15.  
  16.  
  17.  
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19.  
  20. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21.  
  22. <script>
  23.  
  24. (function($){
  25.  
  26. $(document).ready(function(){
  27.  
  28. $("a[title]").style_my_tooltips({
  29.  
  30. tip_follows_cursor:true,
  31.  
  32. tip_delay_time:90,
  33.  
  34. tip_fade_speed:600,
  35.  
  36. attribute:"title"
  37.  
  38. });
  39.  
  40. });
  41.  
  42. })(jQuery);
  43.  
  44. </script>
  45.  
  46.  
  47. <meta charset="utf-8">
  48. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.  
  53. <title>{Title}</title>
  54.  
  55. <meta name="image:Header Image" content="">
  56. <meta name="image:Background Image" content="">
  57. <meta name="color:Background" content="">
  58. <meta name="color:Text" content="">
  59. <meta name="color:Link" content="">
  60. <meta name="color:Link Hover" content="">
  61.  
  62.  
  63. <meta name="select:Font" content="Times">
  64. <meta name="select:Font" content="Arial">
  65. <meta name="select:Font" content="Ms PGothic">
  66. <meta name="select:Font Size" content="20" title="20px">
  67. <meta name="select:Font Size" content="21" title="21px">
  68. <meta name="select:Font Size" content="22" title="22px">
  69. <meta name="select:Font Size" content="23" title="23px">
  70. <meta name="select:Font Size" content="24" title="24px">
  71. <meta name="select:Font Size" content="25" title="25px">
  72.  
  73. <meta name="if:Description" content="">
  74. <meta name="if:Caption" content="">
  75. <meta name="if:Circle Header" content="">
  76. <meta name="if:No Scrollbar" content="">
  77.  
  78. <meta name="text:Divider" content=":">
  79. <meta name="text:Link 1" content="">
  80. <meta name="text:Link 1 Url" content="/">
  81. <meta name="text:Link 2" content="">
  82. <meta name="text:Link 2 Url" content="/">
  83.  
  84.  
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  88.  
  89. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  90.  
  91. <style type="text/css">
  92. {block:IfNoScrollbar}
  93. ::-webkit-scrollbar {width: 0px; height: 3px; background: {color:Background};}
  94. ::-webkit-scrollbar-thumb {background-color:{color:Background} ;}{block:IfNoScrollbar}
  95.  
  96. .tooltip{
  97. display: inline;
  98. position: relative;
  99. }
  100. #s-m-t-tooltip {
  101. max-width:300px; /*how big the tooltip can be at most*/
  102. border-radius: 0px; /*change your border radius*/
  103. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  104. margin:20px 7px -2px 20px; /*distance from word*/
  105. background:transparent; /*background color*/
  106. font-family:{select:Font}; /*tooltip font*/
  107. font-size:{select:Font Size}px; /*tooltip font size*/
  108. letter-spacing:1px; /*tooltip letter spacing*/
  109. text-transform:lowercase; /*makes the tooltip title uppercase*/
  110. color:{color:Text}; /*tooltip font color*/
  111. z-index:999999999999999999999999999999999999;
  112. }
  113.  
  114. /*
  115. general text styles, fonts and colours
  116. */
  117.  
  118. body {
  119. margin:0px;
  120. background:{color:Background} url({image:Background Image});
  121. background-image: url('{image:Background Image}');
  122. background-attachment: fixed;
  123. background-position: top left;
  124. background-size: cover;
  125. font-family: {select:Font};
  126. font-size:{select:Font Size}px;
  127. line-height:140s%;
  128. color: {color:Text};
  129. }
  130.  
  131. p{
  132. margin:0 0 10px 0;
  133. padding:0;
  134. }
  135.  
  136. pre {
  137. white-space: pre-wrap;
  138. white-space: -moz-pre-wrap;
  139. white-space: -pre-wrap;
  140. white-space: -o-pre-wrap;
  141. word-wrap: break-word;
  142. }
  143.  
  144. a{
  145. color:{color:Link};
  146. text-decoration:none;
  147. text-shadow: 0px 0px 10px #ccc;
  148. }
  149.  
  150. a:hover{
  151. color:{color:Link Hover};
  152. text-shadow: 0px 0px 10px {color:Link Hover};
  153. }
  154.  
  155. li{
  156. margin-left:-15px;
  157. }
  158.  
  159. /*
  160. containers etc
  161. */
  162. #wrapper{
  163. width:400px;
  164. margin:50px auto;
  165. }
  166.  
  167. #header{
  168. position:float;
  169. text-align:center;
  170. }
  171.  
  172. #content{
  173. width:400px;
  174. overflow:hidden;
  175. }
  176.  
  177. .post{
  178. width:400px;
  179. margin:0 0 50px 0;
  180. overflow:hidden;
  181. margin-top:40px;
  182. }
  183.  
  184. #header img{
  185. {block:IfCircleHeader}
  186. moz-border-radius-bottomright: 100px;
  187. border-bottom-right-radius: 100px;
  188. -moz-border-radius-topleft: 100px;
  189. border-top-left-radius: 100px;
  190. -moz-border-radius-bottomleft: 100px;
  191. border-bottom-left-radius: 100px;
  192. -moz-border-radius-topright: 100px;
  193. border-top-right-radius: 100px;
  194. {/block:IfCircleHeader}
  195. width:200px;
  196. }
  197.  
  198. #header img, .post img{
  199. max-width:100%;
  200. }
  201.  
  202. #nav{
  203. margin:50px 0 0 0;
  204. }
  205.  
  206.  
  207. /*
  208. content in the body of the posts - quotes, asks, etc
  209. "media" contains photos, photosets, videos, audio posts
  210. */
  211. .media{
  212. margin:0 0 10px 0;
  213. }
  214.  
  215. .title{
  216. font-weight:normal;
  217. font-size:28px;
  218. margin:0 0 10px 0;
  219. }
  220.  
  221. .quote{
  222. font-weight:normal;
  223. font-size:28px;
  224. font-style:italic;
  225. margin:0 0 10px 0;
  226. }
  227.  
  228. .question{
  229. margin-bottom:10px;
  230. }
  231.  
  232. blockquote{
  233. margin:0 0 10px 10px;
  234. padding:0 0 0 10px;
  235. border-left:solid 1px #000;
  236. }
  237.  
  238. /*
  239. post footers - date, tags, via and source
  240. */
  241. .post .footer{
  242. margin:0;
  243. text-align:center;
  244. }
  245.  
  246. /*
  247. post notes
  248. */
  249. ol.notes{
  250. list-style-type:none;
  251. padding:0;
  252. margin:0;
  253. }
  254.  
  255. ol.notes li.note img{
  256. width:16px;
  257. height:16px;
  258. }
  259.  
  260. ol.notes li.note{
  261. margin:0px;
  262. }
  263.  
  264. {CustomCSS}
  265. </style>
  266. </head>
  267.  
  268. <body>
  269. <div id="wrapper">
  270.  
  271.  
  272. <div id="header">
  273. <a title="{title}" href="/"> <img src= "{image:Header Image}"> </a>
  274. {block:IfDescription}
  275. <p>{Description}</p>
  276. {/block:IfDescription}
  277.  
  278. <br>
  279. <a href="{text:Link 1 Url}">{text:Link 1}</a> {text:Divider}
  280. <a href="{text:Link 2 Url}">{text:Link 2}</a>
  281. {block:HasPages}
  282. {block:Pages}
  283. <a href="{URL}">{Label}</a><br>
  284. {/block:Pages}
  285. {/block:HasPages}
  286. </div>
  287.  
  288.  
  289.  
  290. <div id="content">
  291. {block:Posts}
  292. <!-- {block:NoRebloggedFrom}
  293. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  294. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  295. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  296. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  297. {/block:ContentSource}
  298. <div class="post">
  299. {block:Text}
  300. {block:Title}
  301. <div class="title">{Title}</div>
  302. {/block:Title}
  303. {Body}
  304. {/block:Text}
  305.  
  306. {block:Photo}
  307. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  308. {block:IfCaption}<div class="caption">{Caption}</div>{/block:IfCaption}
  309. {/block:Photo}
  310.  
  311. {block:Photoset}
  312. <div class="media">{Photoset-400}</div>
  313. {block:IfCaption}<div class="caption">{Caption}</div>{/block:IfCaption}
  314. {/block:Photoset}
  315.  
  316. {block:Quote}
  317. <div class="quote">"{Quote}"</div>
  318. {block:Source}
  319. <div class="quotesource">{Source}</div>
  320. {/block:Source}
  321. {/block:Quote}
  322.  
  323. {block:Link}
  324. <div class="title"><a href="{URL}">{Name}</a></div>
  325. {block:Description}
  326. <div class="description">{Description}</div>
  327. {/block:Description}
  328. {/block:Link}
  329.  
  330. {block:Chat}
  331. {block:Title}
  332. <div class="title">{Title}</div>
  333. {/block:Title}
  334.  
  335. {block:Lines}
  336. <div class="{Alt} user_{UserNumber}">
  337. {block:Label}
  338. <b>{Label}</b>{/block:Label}
  339. &nbsp;{Line}
  340. </div>
  341. {/block:Lines}
  342. {/block:Chat}
  343.  
  344. {block:Video}
  345. <div class="media">{Video-400}</div>
  346. {block:IfCaption}<div class="caption">{Caption}</div>{/block:IfCaption}
  347. {/block:Video}
  348.  
  349. {block:Audio}
  350. <div class="media">
  351. {AudioPlayerWhite}
  352. {block:TrackName}{TrackName}<br>{/block:TrackName}
  353. {block:Artist}{Artist}<br>{/block:Artist}
  354. </div>
  355. {block:IfCaption}{Caption}{/block:IfCaption}
  356. {/block:Audio}
  357.  
  358. {block:Answer}
  359. <div class="question">{Asker}: {Question}</div>
  360. <div class="caption">{Answer}</div>
  361. {/block:Answer}
  362.  
  363.  
  364. {block:Date}
  365. <div class="footer">
  366. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  367.  
  368. </div>
  369.  
  370. {block:PermalinkPage}
  371. {block:NoteCount}
  372. {block:PostNotes}{PostNotes}{/block:PostNotes}
  373. {/block:NoteCount}
  374. {/block:PermalinkPage}
  375. {/block:Date}
  376.  
  377. </div>
  378. {/block:Posts}
  379.  
  380. {block:Pagination}
  381. <div id="nav">
  382. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  383.  
  384. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  385. </div>
  386. {/block:Pagination}
  387. </div>
  388. </div>
  389.  
  390. </div>
  391.  
  392. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  393. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  394. <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:8px;font-weight:normal;"><a title="theme"href="https://classroom.tumblr.com/"><img src="https://78.media.tumblr.com/292ed3c97f3cca46180ab84fe1f7d3f2/tumblr_inline_p7tm2v1prp1v2qfml_500.png"></a></div>
  395. </body>
  396. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement