Advertisement
ptsdnick

commonwealth theme

Feb 12th, 2016
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. commonwealth theme by eddie! enjoy
  8. ----->
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11.  
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13.  
  14. <script>
  15.  
  16.  
  17. (function($){
  18.  
  19. $(document).ready(function(){
  20.  
  21. $("a[title]").style_my_tooltips({
  22.  
  23. tip_follows_cursor:true,
  24.  
  25. tip_delay_time:30,
  26.  
  27. tip_fade_speed:300,
  28.  
  29. attribute:"title"
  30.  
  31. });
  32.  
  33. });
  34.  
  35. })(jQuery);
  36.  
  37. </script>
  38.  
  39. {text:statcounter code}
  40.  
  41. {block:ifredirect}<script type="text/javascript"> if(location.href == 'http://{Name}.tumblr.com/') location.replace('http://{Name}.tumblr.com/tagged/{text:redirect tag name}'); </script>{/block:ifredirect}
  42.  
  43. <meta charset="utf-8">
  44. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49. <title>{Title}</title>
  50.  
  51. <link rel="shortcut icon" href="{image:Favicon}">
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  53. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  54.  
  55. <meta name="image:background" content="">
  56. <meta name="image:sidebar" content="" />
  57. <meta name="image:favicon" content="" />
  58. <meta name="image:left image" content="">
  59. <meta name="image:cursor" content""/>
  60.  
  61. <meta name="color:bg" content="#ccc"/>
  62. <meta name="color:post bg" content="#fff"/>
  63. <meta name="color:sidebar bg" content="#fff"/>
  64. <meta name="color:text" content=""/>
  65. <meta name="color:border" content=""/>
  66. <meta name="color:footer" content=""/>
  67. <meta name="color:footer text" content=""/>
  68. <meta name="color:ask bg" content=""/>
  69. <meta name="color:shadow" content=""/>
  70. <meta name="color:link"/>
  71. <meta name="color:link hover"/>
  72. <meta name="color:dropdown" content="fff">
  73. <meta name="color:dropdown border" content="fff">
  74. <meta name="color:dropdown text" content="fff">
  75. <meta name="color:button bg" content="fff">
  76. <meta name="color:tooltip text" content="#fff">
  77. <meta name="color:tooltip bg" content="#fff">
  78.  
  79. <meta name="if:max bg" content="" />
  80. <meta name="if:tiled bg" content="" />
  81. <meta name="if:rounded sidebar img" content=""/>
  82. <meta name="if:default links" content=""/>
  83. <meta name="if:dropdown links" content=""/>
  84. <meta name="if:button links" content=""/>
  85. <meta name="if:shadow" content=""/>
  86. <meta name="if:border" content=""/>
  87. <meta name="if:custom cursor" content="" />
  88. <meta name="if:redirect" content="" />
  89. <meta name="if:show tags" content=""/>
  90. <meta name="if:rainbow link hover"/>
  91.  
  92. <meta name="select:border" content="solid">
  93. <meta name="select:border" content="dashed">
  94. <meta name="select:border" content="dotted">
  95. <meta name="select:post width" content="250">
  96. <meta name="select:post width" content="300">
  97. <meta name="select:post width" content="325">
  98. <meta name="select:post width" content="350">
  99. <meta name="select:post width" content="400">
  100.  
  101. <meta name="text:font size" content=""/>
  102. <meta name="text:font" content=""/>
  103. <meta name="text:sidebar img hover" content=""/>
  104. <meta name="text:link divider" content=""/>
  105. <meta name="text:reblog symbol" content=""/>
  106. <meta name="text:dropdown text" content=""/>
  107. <meta name="text:redirect tag name" content=""/>
  108. <meta name="text:statcounter code" content="">
  109.  
  110. <meta name="text:Link 1" content="">
  111. <meta name="text:Link 1 url" content="/">
  112. <meta name="text:Link 2" content="">
  113. <meta name="text:Link 2 url" content="/">
  114. <meta name="text:Link 3" content="">
  115. <meta name="text:Link 3 url" content="/">
  116.  
  117. <meta name="text:left image width" content=""/>
  118. <meta name="text:left image margin left" content="0"/>
  119. <meta name="text:left image margin bottom" content="0"/>
  120.  
  121. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  122.  
  123. <style type="text/css">
  124.  
  125.  
  126. /*
  127. general text styles, fonts and colours
  128. */
  129.  
  130. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:3px;border:1px {select:border type} {color:border};margin:20px 7px -2px 20px;background-color:{color:tooltip bg};font-size:13px;text-transform:normal;color:{color:tooltip text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}
  131.  
  132. body {
  133. margin:0px;
  134. background:{color:bg};
  135. font-family:{text:font};
  136. font-size:{text:font size}px;
  137. line-height:140%;
  138. color: {color:text};
  139. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  140. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  141. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  142. -webkit-background-size: cover;
  143. -moz-background-size: cover;
  144. -o-background-size: cover;
  145. background-size: cover;
  146. {/block:ifmaxbg}
  147. }
  148.  
  149. p{
  150. margin:0 0 10px 0;
  151. padding:0;
  152. }
  153.  
  154. pre {
  155. white-space: pre-wrap;
  156. white-space: -moz-pre-wrap;
  157. white-space: -pre-wrap;
  158. white-space: -o-pre-wrap;
  159. word-wrap: break-word;
  160. }
  161.  
  162. a{
  163. color:{color:link};
  164. text-decoration:none;
  165. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  166. }
  167.  
  168. {block:ifnotrainbowlinkhover}a:hover{
  169. color:{color:link hover};
  170. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  171. }
  172. {/block:ifnotrainbowlinkhover}
  173.  
  174. li{
  175. margin-left:-15px;
  176. }
  177.  
  178. /*
  179. containers etc
  180. */
  181. #wrapper{
  182. width:600px;
  183. margin:50px auto;
  184. }
  185.  
  186. #sidebar{
  187. width:130px;
  188. margin:100px 0 0 -50px;
  189. position:fixed;
  190. background-color:{color:sidebar bg};
  191. padding:10px;
  192. font:{text:font};
  193. font-size:{text:font size};
  194. {block:ifborder}
  195. border:1px {color:border} {select:border};
  196. {/block:ifborder}
  197. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  198. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  199. box-shadow: 5px 5px 0px 0px {color:shadow};{/block:ifShadow}
  200. }
  201.  
  202. #sidebar img{
  203. margin-top:-50px;
  204. border-radius:0px;
  205. width:100px;
  206. {block:ifroundedsidebarimg}
  207. border-radius:80px;{/block:ifroundedsidebarimg};
  208. }
  209.  
  210. #content{
  211. width:450px;
  212. margin-left:200px;
  213. overflow:hidden;
  214. }
  215.  
  216. .post{
  217. width:{select:post width}px;
  218. padding:20px;
  219. padding-bottom:5px;
  220. margin:0 0 50px 0;
  221. overflow:hidden;
  222. font:{text:font};
  223. font-size:{text:font size};
  224. background-color:{color:post bg};
  225. border-radius:0px;
  226. {block:ifborder}
  227. border:1px {color:border} {select:border};
  228. {/block:ifborder}
  229. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  230. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  231. box-shadow: 5px 5px 0px 0px {color:shadow};{/block:ifShadow}
  232. }
  233.  
  234. #sidebar img, .post img{
  235. max-width:100%;
  236. }
  237.  
  238. #nav{
  239. margin:10px 0 0 0;
  240. border-top:1px solid {color:border};
  241. padding-top:2px;
  242. }
  243.  
  244. #buttons{
  245. word-spacing:1px;
  246. padding:3px;
  247.  
  248. }
  249.  
  250. #buttons a{
  251. background:{color:button bg};
  252. padding:3px;
  253. line-height:27px;
  254. border:1px solid;
  255. {block:ifShadow}-webkit-box-shadow: 3px 3px 0px 0px {color:shadow};
  256. -moz-box-shadow: 3px 3px 0px 0px {color:shadow};
  257. box-shadow: 3px 3px 0px 0px {color:shadow};{/block:ifShadow}
  258. }
  259.  
  260. #buttons a:hover {
  261. text-decoration:none;
  262. }
  263.  
  264. #default{
  265. word-spacing:2px;
  266. padding:4px;
  267. line-height:150%;
  268. }
  269.  
  270. /*
  271. content in the body of the posts - quotes, asks, etc
  272. "media" contains photos, photosets, videos, audio posts
  273. */
  274. .media{
  275. margin:0 0 10px 0;
  276. }
  277.  
  278. .title{
  279. font-weight:bold;
  280. font-size:20px;
  281. margin:0 0 10px 0;
  282. border-bottom:1px solid {color:border};
  283. padding:5px;
  284. }
  285.  
  286. .quote{
  287. font-weight:normal;
  288. font-size:16px;
  289. font-style:italic;
  290. margin:0 0 10px 0;
  291. }
  292.  
  293. .question{
  294. margin-bottom:10px;
  295. border-bottom:1px solid {color:border};
  296. padding:3px;
  297. background-color:{color:ask bg};
  298. }
  299.  
  300. blockquote{
  301. margin:0 0 10px 10px;
  302. padding:0 0 0 10px;
  303. border-left:solid 1px #000;
  304. }
  305.  
  306. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  307.  
  308. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  309. .art img{width:60px;height:60px;}
  310.  
  311. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  312.  
  313. /*
  314. post footers - date, tags, via and source
  315. */
  316. .post .footer{
  317. margin:0;
  318. text-align:center;
  319. background-color:{color:footer};
  320. color:{color:footer text};
  321. }
  322.  
  323. /*
  324. post notes
  325. */
  326. ol.notes{
  327. list-style-type:none;
  328. padding:0;
  329. margin:0;
  330. }
  331.  
  332. ol.notes li.note img{
  333. width:16px;
  334. height:16px;
  335. }
  336.  
  337. ol.notes li.note{
  338. margin:0px;
  339. }
  340.  
  341. </style>
  342. {block:ifrainbowlinkhover}
  343. <script type='text/javascript'>
  344. //<![CDATA[
  345. var rate = 50;
  346. if (document.getElementById)
  347. window.onerror=new Function("return true")
  348.  
  349. var objActive; // The object which event occured in
  350. var act = 0; // Flag during the action
  351. var elmH = 0; // Hue
  352. var elmS = 128; // Saturation
  353. var elmV = 255; // Value
  354. var clrOrg; // A color before the change
  355. var TimerID; // Timer ID
  356. if (document.all) {
  357. document.onmouseover = doRainbowAnchor;
  358. document.onmouseout = stopRainbowAnchor;
  359. }
  360. else if (document.getElementById) {
  361. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  362. document.onmouseover = Mozilla_doRainbowAnchor;
  363. document.onmouseout = Mozilla_stopRainbowAnchor;
  364. }
  365. function doRainbow(obj)
  366. {
  367. if (act == 0) {
  368. act = 1;
  369. if (obj)
  370. objActive = obj;
  371. else
  372. objActive = event.srcElement;
  373. clrOrg = objActive.style.color;
  374. TimerID = setInterval("ChangeColor()",100);
  375. }
  376. }
  377. function stopRainbow()
  378. {
  379. if (act) {
  380. objActive.style.color = clrOrg;
  381. clearInterval(TimerID);
  382. act = 0;
  383. }
  384. }
  385. function doRainbowAnchor()
  386. {
  387. if (act == 0) {
  388. var obj = event.srcElement;
  389. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  390. obj = obj.parentElement;
  391. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  392. break;
  393. }
  394. if (obj.tagName == 'A' && obj.href != '') {
  395. objActive = obj;
  396. act = 1;
  397. clrOrg = objActive.style.color;
  398. TimerID = setInterval("ChangeColor()",100);
  399. }
  400. }
  401. }
  402. function stopRainbowAnchor()
  403. {
  404. if (act) {
  405. if (objActive.tagName == 'A') {
  406. objActive.style.color = clrOrg;
  407. clearInterval(TimerID);
  408. act = 0;
  409. }
  410. }
  411. }
  412. function Mozilla_doRainbowAnchor(e)
  413. {
  414. if (act == 0) {
  415. obj = e.target;
  416. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  417. obj = obj.parentNode;
  418. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  419. break;
  420. }
  421. if (obj.nodeName == 'A' && obj.href != '') {
  422. objActive = obj;
  423. act = 1;
  424. clrOrg = obj.style.color;
  425. TimerID = setInterval("ChangeColor()",100);
  426. }
  427. }
  428. }
  429. function Mozilla_stopRainbowAnchor(e)
  430. {
  431. if (act) {
  432. if (objActive.nodeName == 'A') {
  433. objActive.style.color = clrOrg;
  434. clearInterval(TimerID);
  435. act = 0;
  436. }
  437. }
  438. }
  439. function ChangeColor()
  440. {
  441. objActive.style.color = makeColor();
  442. }
  443. function makeColor()
  444. {
  445. // Don't you think Color Gamut to look like Rainbow?
  446. // HSVtoRGB
  447. if (elmS == 0) {
  448. elmR = elmV; elmG = elmV; elmB = elmV;
  449. }
  450. else {
  451. t1 = elmV;
  452. t2 = (255 - elmS) * elmV / 255;
  453. t3 = elmH % 60;
  454. t3 = (t1 - t2) * t3 / 60;
  455. if (elmH < 60) {
  456. elmR = t1; elmB = t2; elmG = t2 + t3;
  457. }
  458. else if (elmH < 120) {
  459. elmG = t1; elmB = t2; elmR = t1 - t3;
  460. }
  461. else if (elmH < 180) {
  462. elmG = t1; elmR = t2; elmB = t2 + t3;
  463. }
  464. else if (elmH < 240) {
  465. elmB = t1; elmR = t2; elmG = t1 - t3;
  466. }
  467. else if (elmH < 300) {
  468. elmB = t1; elmG = t2; elmR = t2 + t3;
  469. }
  470. else if (elmH < 360) {
  471. elmR = t1; elmG = t2; elmB = t1 - t3;
  472. }
  473. else {
  474. elmR = 0; elmG = 0; elmB = 0;
  475. }
  476. }
  477. elmR = Math.floor(elmR).toString(16);
  478. elmG = Math.floor(elmG).toString(16);
  479. elmB = Math.floor(elmB).toString(16);
  480. if (elmR.length == 1) elmR = "0" + elmR;
  481. if (elmG.length == 1) elmG = "0" + elmG;
  482. if (elmB.length == 1) elmB = "0" + elmB
  483. elmH = elmH + rate;
  484. if (elmH >= 360)
  485. elmH = 0;
  486. return '#' + elmR + elmG + elmB;
  487. }
  488. //]]>
  489. </script>{/block:ifrainbowlinkhover}
  490.  
  491. {CustomCSS}
  492. </style>
  493. </head>
  494.  
  495. <body>
  496. <div id="wrapper">
  497.  
  498.  
  499. <div id="sidebar">
  500. <center><a href="/" title="{text:Sidebar img hover}"> <img src="{image:Sidebar}"></a></center>
  501. {block:Description}
  502. <p><center>{Description}</center></p>
  503. {/block:Description}
  504.  
  505. {block:ifdefaultlinks}
  506. <div id="default">
  507. <center>
  508. <a href="/">home</a> {text:link divider}
  509. <a href="/ask">ask</a>
  510. {block:ifLink1}{text:Link divider} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  511. {block:ifLink2}{text:Link divider} <a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  512. {block:ifLink3}{text:Link divider} <a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  513. </center>
  514. </div>
  515. {/block:ifDefaultlinks}
  516.  
  517. {block:ifButtonlinks}
  518. <div id="buttons">
  519. <center>
  520. <a href="/">home</a>
  521. <a href="/ask">ask</a>
  522. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  523. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  524. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a>{/block:ifLink3}
  525. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}
  526. </center>
  527. </div>
  528. {/block:ifButtonlinks}
  529.  
  530. {block:ifDropdownlinks}
  531. <center>
  532. <select style="width: 110px; border: 1px solid {color:dropdown border}; padding: 5px; color: {color:dropdown text}; background-color: {color:dropdown}; font-family: {select:font}; font-size: {select:font size};" onChange="location.href=this.options[this.selectedIndex].value;">
  533.  
  534. <option>{text:dropdown text}</option>
  535.  
  536. <option value="/">home</option>
  537.  
  538. <option value="/ask">ask</option>
  539.  
  540. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{block:ifLink1}
  541.  
  542. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{block:ifLink2}
  543.  
  544. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{block:ifLink3}
  545.  
  546. </select>
  547. {/block:ifDropdownlinks}
  548.  
  549.  
  550. {block:Pagination}
  551. <div id="nav"><center>
  552. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage} -
  553. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}</center>
  554. </div>
  555. {/block:Pagination}
  556.  
  557. </div>
  558.  
  559.  
  560.  
  561. <div id="content">
  562. {block:Posts}
  563.  
  564. <div class="post">
  565.  
  566. {block:Text}
  567. {block:Title}
  568. <div class="title">{Title}</div>
  569. {/block:Title}
  570. {Body}
  571. {/block:Text}
  572.  
  573. {block:Photo}
  574. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  575. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  576. {/block:Photo}
  577.  
  578. {block:Photoset}
  579. <div class="media">{Photoset}</div>
  580. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  581. {/block:Photoset}
  582.  
  583. {block:Quote}
  584. <div class="quote">"{Quote}"</div>
  585. {block:Source}
  586. <div class="quotesource">{Source}</div>
  587. {/block:Source}
  588. {/block:Quote}
  589.  
  590. {block:Link}
  591. <div class="title"><a href="{URL}">{Name}</a></div>
  592. {block:Description}
  593. <div class="description">{Description}</div>
  594. {/block:Description}
  595. {/block:Link}
  596.  
  597. {block:Chat}
  598. {block:Title}
  599. <div class="title">{Title}</div>
  600. {/block:Title}
  601.  
  602. {block:Lines}
  603. <div class="{Alt} user_{UserNumber}">
  604. {block:Label}
  605. <b>{Label}</b>{/block:Label}
  606. &nbsp;{Line}
  607. </div>
  608. {/block:Lines}
  609. {/block:Chat}
  610.  
  611. {block:Video}
  612. <div class="media">{Video-400}</div>
  613. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  614. {/block:Video}
  615.  
  616. {block:Audio}
  617. <div id="audio">
  618. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  619. <div class="player">{AudioPlayerWhite}</div>
  620. <div class="songtitle">
  621. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  622. {block:Artist}{Artist}{/block:Artist}<br>
  623. {block:Album}{Album}{/block:Album}</div></div>
  624. {block:Caption}{Caption}{/block:Caption}
  625. {/block:Audio}
  626.  
  627. {block:Answer}
  628. <div class="question">{Asker}: {Question}</div>
  629. <div class="caption">{Answer}</div>
  630. {/block:Answer}
  631.  
  632.  
  633. {block:Date}
  634. <div class="footer">
  635. <a href="{Permalink}">{Month} {DayOfMonth}{DayofMonthSuffix}, {Year}</a>{block:NoteCount} ({NoteCount}){/block:NoteCount} |
  636. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">{text:reblog symbol}</a>{block:ifshowtags}
  637. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifshowtags}
  638. </div>
  639.  
  640. {block:PermalinkPage}
  641. {block:NoteCount}
  642. {block:PostNotes}{PostNotes}{/block:PostNotes}
  643. {/block:NoteCount}
  644. {/block:PermalinkPage}
  645. {/block:Date}
  646.  
  647. </div>
  648. {/block:Posts}
  649.  
  650. </div>
  651.  
  652. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  653.  
  654. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://www.vitoscalettaa.tumblr.com" title="credit">🔪</a>
  655.  
  656. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  657. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  658.  
  659. </body>
  660. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement