Advertisement
tsiappoworks

McCree Theme

Jun 14th, 2016
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.66 KB | None | 0 0
  1. <!-----THEME MADE BY noborijo SPECIFICALLY FOR highnoons.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY. THANKS.----->
  3.  
  4. <!DOCTYPE html>
  5. <html>
  6.  
  7. <!-----------------------------TOOLTIPS------------------------------->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:0,
  20.  
  21. tip_fade_speed:0,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30. </script>
  31.  
  32. <head>
  33.  
  34. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="" />
  37.  
  38. <meta name="color:Accent" content="#d1d1d1" />
  39. <meta name="color:Accent2" content="#2bc1c6" />
  40. <meta name="color:Accent3" content="#FAFAFA" />
  41. <meta name="color:body font" content="#447373" />
  42. <meta name="color:Page BG" content="#330f0c" />
  43. <meta name="color:ask bg" content="#FAFAFA" />
  44.  
  45. <meta name="text:Link1" content="" />
  46. <meta name="text:Title1" content="Title 1" />
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link2" content="" />
  49. <meta name="text:Title2" content="Title 2" />
  50. <meta name="text:Link3" content="" />
  51. <meta name="text:Title3" content="Title 3" />
  52. <meta name="text:Link4" content="" />
  53. <meta name="text:Title4" content="Title 4" />
  54.  
  55. <link rel="shortcut icon" href="">
  56.  
  57. <style type="text/css">
  58. /*---------------------BODY--------------------*/
  59. ::-webkit-scrollbar-thumb:vertical {
  60. background-color:transparent;
  61. height:7px;}
  62. ::-webkit-scrollbar {
  63. background-color:transparent;
  64. height:7px;
  65. width:5px;}
  66.  
  67. html {
  68. background: url('http://static.tumblr.com/ktn4nas/rbKo8qhs2/highnoons.png') no-repeat top left fixed;
  69. background-color:{color:Page BG};
  70. }
  71.  
  72. body {
  73. margin: 0;
  74. word-wrap: break-word;
  75. color:Calibri, helvetica, arial, sans-serif;
  76. }
  77.  
  78. body a{
  79. text-decoration:none;
  80. font-weight:700;
  81. }
  82.  
  83. small, sub {
  84. font-size:12px;
  85. font-family: calibri,helvetica,arial,sans-serif;
  86. }
  87.  
  88. s,strike {
  89. color:{color:accent2};
  90. }
  91.  
  92. u,underline {
  93. color:{color:accent2};
  94. }
  95.  
  96. blockquote {
  97. border-left: solid 3px {color:accent2};
  98. border-right:solid 3px {color:accent2};
  99. background-color:{color:accent};
  100. margin: 0;
  101. padding: 5px;
  102. }
  103.  
  104. hr {
  105. border: 0;
  106. height: 1px;
  107. background-image: linear-gradient(to right, rgba(55, 62, 33, 0), rgba(55, 62, 33, 0.75), rgba(55, 62, 33, 0));
  108. }
  109.  
  110. /*------------------- "SIDEBAR" ------------------*/
  111. #nav{
  112. position:fixed;
  113. z-index:75;
  114. margin-left:120px;
  115. margin-top:15px;
  116. width:500px;
  117. text-align:center;
  118. font-family:Calibri, Helvetica, Arial, sans-serif;
  119. font-size:20px;
  120. text-align:right;
  121. color:{color:accent2};
  122. text-transform:uppercase;
  123. }
  124.  
  125. #nav a{color:{color:accent2}; font-size:15px; text-decoration:bold;}
  126.  
  127. #nav a:hover{
  128. color:{color:accent}; text-decoration:bold;
  129. }
  130.  
  131. #pagination a{color:{color:accent2}; padding:0px 2px;}
  132.  
  133. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  134. img{border:0; max-width:100%;max-height:auto;}
  135.  
  136. #body{
  137. position:absolute;
  138. z-index:70;
  139. margin-left:-65px;
  140. }
  141.  
  142. #body a{text-decoration:none;color:{color:Accent2};}
  143. #body a:hover{color:{color:body font};border-bottom:1px solid {color:Accent};text-shadow:0px 0px 1px white;}
  144. /*--------------------CONTAINER BOX THING---------------------------*/
  145. #container{
  146. position:fixed;
  147. margin-top:62px;
  148. width:773px;
  149. height:361px;
  150. overflow:auto;
  151. margin-left:auto;
  152. margin-right:auto;
  153. }
  154.  
  155. /*-------------------------INDIVID POSTS------------------------*/
  156. #post{
  157. width:500px;
  158. margin:0px 0px 0px 3px;
  159. padding:10px 130px;
  160. background-color:transparent;
  161. font-family:calibri,helvetica,arial,sans-serif;
  162. color:{color:body font};
  163. }
  164.  
  165. #post .text{font-size:11px; line-height:16px;}
  166. #post .title{font-size:20px;}
  167. .text ul li{list-style-type:circle;}
  168.  
  169. /*-------------------------PERMALINKS AND TAGS------------------------*/
  170. #permalink{
  171. position:absolute;
  172. z-index:999999;
  173. margin-top:-5px;
  174. padding:3px;
  175. font-size:10px;
  176. text-align:center;
  177. text-transform:uppercase;
  178. font-family:calibri,helvetica,arial,sans-serif;
  179. color:{color:accent};
  180. background:url('http://static.tumblr.com/ktn4nas/7E3o8qhud/selectionred.png');
  181. width:400px;
  182. margin-left:180px;
  183. }
  184.  
  185. #permalink a{color:{color:accent3};vertical-align:middle;}
  186. #permalink a:hover{color:{color:accent};}
  187.  
  188. #tags{
  189. margin-top:15px;
  190. margin-left:180px;
  191. font-size:10px;
  192. font-family:calibri,helvetica,arial,sans-serif;
  193. width:400px;
  194. text-align:center;
  195. margin-bottom:40px;
  196. color:{color:body font};
  197. }
  198.  
  199. #tags a{color:{color:body font};text-shadow:0px 0px 1px white;}
  200. #tags a:hover{color:{color:accent2};}
  201.  
  202. #notesbox{width:500px;margin:20px auto;font-size:11px;font-family:calibri,helvetica,arial,sans-serif;}
  203. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  204. #notesbox img.avatar{display:none;}
  205.  
  206. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  207. .chat ul {list-style:none; margin:0; padding:0;}
  208. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  209.  
  210. #ask a{color:white;}
  211. /*------------------------CUSTOM TOOLTIP--------------------------*/
  212. #s-m-t-tooltip {
  213. max-width:150px;
  214. padding:5px;
  215. margin:0px 0px 0px 17px;
  216. background-color:{color:accent};
  217. font-family:calibri,helvetica,arial,sans-serif;
  218. font-size:9px;
  219. letter-spacing:2px;
  220. text-transform:lowercase;
  221. color:{color:accent3};
  222. z-index:9999;
  223. }
  224.  
  225. /*-----------------------------SCROLLBAR-----------------------------*/
  226.  
  227. ::-webkit-scrollbar {
  228. display:none;
  229. }
  230. ::-webkit-scrollbar-thumb:vertical {
  231. background-color:#eb9897;height:auto;
  232. }
  233.  
  234.  
  235. {CustomCSS}</style>
  236. </head>
  237. <body>
  238. </div>
  239. <!----------------------------MAIN BODY----------------------------->
  240. <div id="body">
  241. <div id="container">
  242. {block:Posts}
  243.  
  244. <!--------------------------TYPES OF POSTS----------------------------->
  245. <div id="post">
  246.  
  247. {block:Photo}
  248. <img src="{PhotoURL-500}" />
  249. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  250. {/block:Photo}
  251.  
  252. {block:Photoset}
  253. {Photoset-500}
  254. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  255. {/block:Photoset}
  256.  
  257. {block:Video}
  258. {Video-500}
  259. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  260. {/block:Video}
  261.  
  262. {block:Audio}
  263. <div class="musicbox">
  264. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  265. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  266. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  267. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  268. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  269. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  270. {/block:Audio}
  271.  
  272. {block:Quote}
  273. <div class="title" style="width:480px;text-align:justify;">{Quote}</div>
  274. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  275. {/block:Quote}
  276.  
  277. {block:Text}
  278. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  279. <div class="text">{Body}</div>
  280. {/block:Text}
  281.  
  282. {block:Answer}<div id="ask">
  283. <div style="background-color:{color:accent};color:white; padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  284. <div class="text" style="text-align:right;color:white;text-decoration:underline:">&mdash;<span style="color:white">{Asker}</span><br/></div></div></div>
  285. <div class="text" style="width:500px;">{Answer}</div>
  286. {/block:Answer}
  287.  
  288. {block:Chat}
  289. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  290. {block:Lines}<div class="chat"><li class="line_{Alt}">
  291. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  292. {/block:Lines}
  293. {/block:Chat}
  294.  
  295. {block:Link}
  296. <div class="title"><a href="{URL}">{Name}</a></div>
  297. {block:Description}<div class="text">{Description}</div>{/block:Description}
  298. {/block:Link}
  299.  
  300. </div>
  301. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  302. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth}</a>&nbsp;&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCount}♥</a>&nbsp;&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;<a href="{SourceURL}" title="{SourceName}">©</a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">&nbsp;&nbsp;reblog</a></div>
  303.  
  304. <!----------------------------TAG STUFF----------------------------->
  305. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  306.  
  307. {block:PostNotes}
  308. <div id="notesbox">{PostNotes}</div>
  309. {/block:PostNotes}
  310. {/block:Posts}
  311. </div></div>
  312.  
  313. </body>
  314. <!-------------------------NAVIGATION STUFF------------------------->
  315. <div id="nav">
  316.  
  317. <!---------------------------PAGINATION---------------------------->
  318. {block:Pagination}
  319. {block:NextPage}<a href="{NextPage}">back</a>&nbsp;|&nbsp;{/block:NextPage}
  320.  
  321. {block:PreviousPage}<a href="{PreviousPage}">forth</a>&nbsp;|&nbsp;{/block:PreviousPage}
  322. {/block:Pagination}
  323.  
  324. <a href="/" title="refresh">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  325. <a href="/ask" title="ask">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  326. <a href="{text:Link1}" title="{text:Title1}">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  327. <a href="{text:Link2}" title="{text:Title2}">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  328. <a href="{text:Link3}" title="{text:Title3}">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  329. <a href="{text:Link4}" title="{text:Title4}">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  330. <a href="http://noborijo.tumblr.com/" title="credit">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  331. <br>
  332.  
  333.  
  334. </div>
  335.  
  336. </div></div></div></div></div></div></div></div></div></div>
  337. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  338. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement