Advertisement
GaugaStrikes

Theme back up

Jun 3rd, 2015
230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.48 KB | None | 0 0
  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.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Container Background" content="#070707"/>
  11. <meta name="color:Tags Background" content="#0f0f0f"/>
  12. <meta name="color:Text" content="#9B9B9B"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:sb link" content="#b8b8b8"/>
  15. <meta name="color:scrollbar" content="#999999">
  16. <meta name="color:title" content="#999999">
  17. <meta name="color:Link Hover" content="#686868"/>
  18. <meta name="color:Nav Link Hover" content="#686868"/>
  19. <meta name="color:permalink bg" content="#eeeeee"/>
  20. <meta name="color:pagination" content="#eeeeee"/>
  21. <meta name="color:updates text" content="#000"/>
  22. <meta name="color:updates link" content="#000"/>
  23. <meta name="color:updates link hover" content="#e7bc21"/>
  24.  
  25. <meta name="image:side image" content=""/>
  26. <meta name="text:blogtitle" content="">
  27. <meta name="text:updates horizontal placement" content="830"/>
  28. <meta name="text:title horizontal placement" content="92"/>
  29. <meta name="text:image horizontal placement" content="640"/>
  30. <meta name="text:image vertical placement" content="245"/>
  31.  
  32. <meta name="text:tab 1 title" content="whatever the hell ya want"/>
  33. <meta name="text:tab 2 title" content="whatever the hell ya want"/>
  34. <meta name="text:tab 2 text" content="whatever the hell ya want"/>
  35. <meta name="text:tab 3 title" content="whatever the hell ya want"/>
  36. <meta name="text:tab 3 text" content="whatever the hell ya want"/>
  37. <meta name="text:billy player code" content="http://sheepproductions.com/billy"/>
  38.  
  39. <meta name="text:link 1 url" content="/"/>
  40.  
  41. <meta name="text:link 2 url" content="/"/>
  42.  
  43. <meta name="text:link 3 url" content="/"/>
  44.  
  45. <meta name="text:link 4 url" content="/"/>
  46.  
  47. <meta name="text:link 5 url" content="/"/>
  48.  
  49. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  50. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Nobile' rel='stylesheet' type='text/css'>
  52.  
  53. <style>
  54. div#qTip {
  55. padding: 3px;
  56. display: none;
  57. text-align: center;
  58. position: absolute;
  59. font-size:7px;
  60. margin-left:10px;
  61. margin-top:-2px;
  62. line-height:9px;
  63. font-family:arial;
  64. z-index: 1000;
  65. border: 1px solid #cacaca;
  66. background-color:#fff;
  67. color: #9b9b9b;
  68. text-transform:uppercase;
  69. letter-spacing: 2px;
  70. }
  71. </style>
  72.  
  73. <style type="text/css">
  74.  
  75. ::-webkit-scrollbar-thumb{
  76. background-color: {color:scrollbar};
  77. border: 2px solid {color:container background};
  78. height:auto;
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. height:auto;
  83. width:11px;
  84. background-color: {color:scrollbar};
  85. border:5px solid {color:container background};
  86. }
  87.  
  88.  
  89. iframe#tumblr_controls {
  90. white-space:nowrap;
  91. -webkit-filter: invert(100%);
  92. -moz-filter: invert(100%);
  93. -o-filter: invert(100%);
  94. -ms-filter: invert(100%);
  95. filter: invert(100%);
  96. opacity:.2;transition: .8s ease-in-out;
  97. -webkit-transition: .8s ease-in-out;
  98. -moz-transition: .8s ease-in-out;
  99. -o-transition: .8s ease-in-out;
  100. }
  101. #tab01{
  102. margin-bottom:5px;
  103. padding-left:4px;
  104. height:2px;
  105. width: 45px;
  106. border:none;
  107. background-color: black;
  108. text-align:center;
  109. overflow:hidden;
  110. margin-top:1px1px;
  111. text-transform:uppercase;
  112. letter-spacing:1px;
  113. font-size:10px;
  114. line-height:10px;
  115. z-index:0;
  116. -webkit-transition: all 1s ease-in-out;
  117. -moz-transition: all 1s ease-in-out;
  118. -o-transition: all 1s ease-in-out;
  119. }
  120. #tab01:hover{
  121. height:200px;
  122. width:150px;
  123. background-color: white;
  124. -webkit-transition: all 1s ease-in-out;
  125. -moz-transition: all 1s ease-in-out;
  126. -o-transition: all 1s ease-in-out;
  127. }
  128.  
  129. #tab02{
  130. margin-bottom:5px;
  131. padding-left:4px;
  132. height:2px;
  133. width:16px;
  134. border:none;
  135. background-color:black;
  136. text-align:center;
  137. overflow:hidden;
  138. text-transform:uppercase;
  139. letter-spacing:1px;
  140. font-size:10px;
  141. line-height:10px;
  142. z-index:0;
  143. -webkit-transition: all 1s ease-in-out;
  144. -moz-transition: all 1s ease-in-out;
  145. -o-transition: all 1s ease-in-out;
  146. }
  147. #tab02:hover{
  148. height:200px;
  149. width:150px;
  150. background-color:white;
  151. -webkit-transition: all 1s ease-in-out;
  152. -moz-transition: all 1s ease-in-out;
  153. -o-transition: all 1s ease-in-out;
  154. }
  155.  
  156. #tab03{
  157. margin-bottom:5px;
  158. padding-left:4px;
  159. height:2px;
  160. width:24px;
  161. border:none;
  162. background-color:black;
  163. text-align:center;
  164. overflow:hidden;
  165. text-transform:uppercase;
  166. letter-spacing:1px;
  167. font-size:10px;
  168. line-height:10px;
  169. z-index:0;
  170. -webkit-transition: all 1s ease-in-out;
  171. -moz-transition: all 1s ease-in-out;
  172. -o-transition: all 1s ease-in-out;
  173. }
  174. #tab03:hover{
  175. height:200px;
  176. width:150px;
  177. background-color:white;
  178. -webkit-transition: all 1s ease-in-out;
  179. -moz-transition: all 1s ease-in-out;
  180. -o-transition: all 1s ease-in-out;
  181. }
  182. #tab04{ /*This is the customization of EACH tab*/
  183. margin-bottom:5px;
  184. padding-left:4px;
  185. height:2px;
  186. width:52px;
  187. border:none;
  188. background-color:black;
  189. text-align:center;
  190. overflow:hidden;
  191. text-transform:uppercase;
  192. letter-spacing:1px;
  193. font-size:10px;
  194. line-height:10px;
  195. z-index:0;
  196. -webkit-transition: all 1s ease-in-out;
  197. -moz-transition: all 1s ease-in-out;
  198. -o-transition: all 1s ease-in-out;
  199. }
  200. #tab04:hover{/*This is the customization of the tabs HOVER*/
  201. height:200px;
  202. width:150px;
  203. background-color:white;
  204. -webkit-transition: all 1s ease-in-out;
  205. -moz-transition: all 1s ease-in-out;
  206. -o-transition: all 1s ease-in-out;
  207. }
  208.  
  209.  
  210.  
  211. #container{/*this controls the position of the tabs, the over-all width, and the title of each tab.*/
  212. text-align:center;
  213. font-size:10px;
  214. color: {color:updates text};
  215. text-transform:uppercase;
  216. position:fixed;
  217. left:{text:updates horizontal placement}px;
  218. background-color:transparent;
  219. letter-spacing:1px;
  220. width:95px;
  221. z-index:9999;
  222. padding:4px;
  223. top:539px;
  224. }
  225. #container a {
  226. color:{color:updates link};
  227. text-decoration:none;
  228. outline:none;
  229. -moz-outline-style:none;
  230. -moz-transition-duration:0.5s;
  231. -webkit-transition-duration:0.5s;
  232. -o-transition-duration:0.5s;
  233. }
  234. #container a:hover {
  235. color:{color:updates link hover};
  236. text-decoration:none;
  237. outline:none;
  238. -moz-outline-style:none;
  239. }
  240. h1 {
  241. font-weight:normal;
  242. font-size:13px;
  243. text-align:center;
  244. font-style:normal;
  245. line-height:100%;
  246. letter-spacing:1px;
  247. text-transform:normal;
  248. color:{color:text};
  249. }
  250.  
  251. h2 {
  252. font-size:10px;
  253. text-align:center;
  254. line-height:100%;
  255. letter-spacing:-0.5px;
  256. color:{color:text};
  257. font-weight:bold;
  258. text-transform:uppercase;
  259. padding:5px;
  260. padding-bottom:2px;
  261. }
  262.  
  263.  
  264. blockquote {
  265. border-left:2px solid {color:text};
  266. padding-left:5px;
  267. margin:5px;
  268. }
  269.  
  270.  
  271. body {
  272. background:{color:background};
  273. margin:0px;
  274. color:{color:text};
  275. font-family: 'Nobile', sans-serif;
  276. font-size:10px;
  277. line-height:100%;
  278. }
  279.  
  280. a {
  281. text-decoration:none;
  282. outline:none;
  283. -moz-outline-style:none;
  284. color:{color:link};
  285. -moz-transition-duration:0.5s;
  286. -webkit-transition-duration:0.5s;
  287. -o-transition-duration:0.5s;
  288. }
  289.  
  290. a:hover {
  291. text-decoration:none;
  292. outline:none;
  293. -moz-outline-style:none;
  294. color:{color:link hover};
  295. }
  296.  
  297. img {
  298. border:none;
  299. -webkit-filter: grayscale(100%);
  300. z-index: -9999999999999999999999999px;
  301. -webkit-transition: all 0.9s ease-in-out;
  302. -moz-transition: all 0.9s ease-in-out;
  303. -o-transition: all 0.9s ease-in-out;
  304. -ms-transition: all 0.9s ease-in-out;
  305. transition: all 0.9s ease-in-out;
  306. }
  307.  
  308. img:hover {
  309. -webkit-filter: grayscale(0%);
  310. z-index: -9999999999999999999999999px;
  311. -webkit-transition: all 0.9s ease-in-out;
  312. -moz-transition: all 0.9s ease-in-out;
  313. -o-transition: all 0.9s ease-in-out;
  314. -ms-transition: all 0.9s ease-in-out;
  315. transition: all 0.9s ease-in-out;
  316. }
  317. .photoset {
  318. border:none;
  319. -webkit-filter: grayscale(100%);
  320. z-index: -9999999999999999999999999px;
  321. -webkit-transition: all 0.9s ease-in-out;
  322. -moz-transition: all 0.9s ease-in-out;
  323. -o-transition: all 0.9s ease-in-out;
  324. -ms-transition: all 0.9s ease-in-out;
  325. transition: all 0.9s ease-in-out;
  326. }
  327.  
  328. .photoset:hover {
  329. -webkit-filter: grayscale(0%);
  330. z-index: -9999999999999999999999999px;
  331. -webkit-transition: all 0.9s ease-in-out;
  332. -moz-transition: all 0.9s ease-in-out;
  333. -o-transition: all 0.9s ease-in-out;
  334. -ms-transition: all 0.9s ease-in-out;
  335. transition: all 0.9s ease-in-out;
  336. }
  337. blockquote {
  338. padding-left:5px;
  339. border-left:2px solid;
  340. }
  341.  
  342. blockquote blockquote {
  343. padding-left:5px;
  344. border-left:2px solid;
  345. }
  346.  
  347. #post {
  348. width:500px;
  349. margin-top:3px;
  350. margin-left:-8px;
  351. }
  352.  
  353. #entries {
  354. padding:10px;
  355. width:500px;
  356. margin-left: 400px;
  357. margin-top:150px;
  358. position:fixed;
  359. overflow:scroll;
  360. overflow-x:hidden;
  361. height:50%;
  362. background-color: {color:container background};
  363. border: 10px solid {color:container background};
  364. }
  365.  
  366.  
  367. #sidebar {
  368. color:{color:text};
  369. position:fixed;
  370. width:100px;
  371. height:auto;
  372. margin-top:280px;
  373. margin-left:250px;
  374. text-align:left;
  375. }
  376.  
  377. #sidebarimage img {
  378. margin-top:-10px;
  379. margin-bottom:0px;
  380. margin-left:-9px;
  381. }
  382. #sideimage {
  383. margin-top: -{text:image vertical placement}px;
  384. margin-left: {text:image horizontal placement}px;
  385. }
  386. #sideimage img {
  387. height:490px;
  388. width:auto;
  389. -webkit-filter: grayscale(0%);
  390. }
  391. #links {
  392. position:absolute;
  393. position:fixed;
  394. font-family:arial;
  395. width:220px;
  396. margin-top:-156px;
  397. margin-left:22px;
  398. font-size:40px;
  399. text-transform:uppercase;
  400. text-align:center;
  401. text-decoration: none;
  402. line-height: 210%;
  403. }
  404.  
  405. #links a{
  406. margin-top:4px;
  407. margin-left:13px;
  408. color:{color:sb link};
  409. text-decoration:none;
  410. -moz-transition-duration:.2s;
  411. -webkit-transition-duration:.2s;
  412. -o-transition-duration:.2s;
  413. }
  414.  
  415. #links a:hover {
  416. color: {color:nav link hover};
  417. width:60px;
  418. -moz-transition-duration:0.2s;
  419. -webkit-transition-duration:0.2s;
  420. -o-transition-duration:0.2s;
  421. }
  422.  
  423. #description {
  424. position:fixed;
  425. width:200px;
  426. font-family:trebuchet ms;
  427. margin-top:55px;
  428. margin-left:-9px;
  429. text-align:justify;
  430. font-size:9px;
  431. color: {color:text};
  432. letter-spacing:0px;
  433. line-height:130%;
  434. -moz-transition-duration:1s;
  435. -webkit-transition-duration:1s;
  436. -o-transition-duration:1s;
  437. }
  438.  
  439. #description a {
  440. color:{color:link};
  441. }
  442.  
  443. #description a:hover {
  444. color:{color:link hover};
  445. }
  446.  
  447. .sidebartitle {
  448. width:600px;
  449. text-align:center;
  450. position:fixed;
  451. font-family: 'Fjalla One', sans-serif;
  452. text-transform:uppercase;
  453. line-height:120%;
  454. margin-left:-{text:title horizontal placement}px;
  455. font-size:46px;
  456. margin-top:256px;
  457. color:{color:title};
  458. }
  459.  
  460. #pagination {
  461. width:210px;
  462. font-family: 'Fjalla One', sans-serif;
  463. font-size:10px;
  464. margin-top:-390px;
  465. margin-left:324px;
  466. padding-left:5px;
  467. letter-spacing:1px;
  468. font-style:italic;
  469. text-transform:uppercase;
  470. text-align:center;
  471. }
  472.  
  473. #pagination a {
  474. color:{color:pagination};
  475. }
  476.  
  477. #info {
  478. font-family: 'Nobile', sans-serif;
  479. width:493px;
  480. margin-top:5px;
  481. padding-top:1px;
  482. font-size:7px;
  483. background:{color:tags background};
  484. padding:4px;
  485. color:{color:text};
  486. text-transform:uppercase;
  487. font-style:normal;
  488. text-align:left;
  489. -moz-transition-duration:0.5s;
  490. -webkit-transition-duration:0.5s;
  491. -o-transition-duration:0.5s;
  492. }
  493.  
  494. #info a {
  495. color:{color:link};
  496. font-style:normal;
  497. }
  498.  
  499. #info a:hover {
  500. color:{color:link hover};
  501. }
  502.  
  503. .tags {
  504. font-family:calibri;
  505. font-style:normal;
  506. width:495px;
  507. text-transform:uppercase;
  508. font-style:normal;
  509. line-height:120%;
  510. padding-left:5px;
  511. font-size:10px;
  512. text-align:left;
  513. padding-top:5px;
  514. padding-bottom:15px;
  515. -moz-transition-duration:0.2s;
  516. -webkit-transition-duration:0.2s;
  517. -o-transition-duration:0.2s;
  518. }
  519. .tags a{
  520. color:{color:link};
  521. -moz-transition-duration:0.2s;
  522. -webkit-transition-duration:0.2s;
  523. -o-transition-duration:0.2s;
  524. }
  525. .tags a:hover{
  526. color:{color:link hover};
  527. -moz-transition-duration:0.2s;
  528. -webkit-transition-duration:0.2s;
  529. -o-transition-duration:0.2s;
  530. }
  531.  
  532. .audio{
  533. background-color:#e5e5e5;
  534. height:65px;
  535. overflow:hidden;
  536. }
  537.  
  538. #ask {
  539. float:left;
  540. color:{color:text};
  541. }
  542.  
  543. {CustomCSS}</style></head><body>
  544.  
  545. <div id="structure">
  546. <div id="container">
  547.  
  548. <div id="tab01">
  549.  
  550. <div style="font-size:10px;color:#453220;">{text:tab 1 title}</div><div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:9px; text-align:center; color:{color:updates text};"><br>
  551. {description}
  552.  
  553. </div>
  554. </div>
  555.  
  556.  
  557. <div id="tab02">
  558. <div style="font-size:10px;color:#453220;">{text:tab 2 title}</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:{color:updates text};"><br>
  559. <p>{text: tab 2 text}
  560. </div></div>
  561.  
  562.  
  563.  
  564. <div id="tab03">
  565. <div style="font-size:10px;color:#453220;">{text:tab 3 title}</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:{color:updates text};"><br>
  566. <p>{text: tab 3 text}
  567. </div>
  568. </div>
  569.  
  570. <div id="tab04">
  571. <div style="font-size:10px;color:#453220;">MUSIC</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:{color:updates text};"><br>
  572. {text:billy player code}
  573. updates tab by <a href="http://dracomalfouy.tumblr.com/">dracomalfouy</a>
  574. </div>
  575. </div>
  576.  
  577. </div></div></div></div>
  578.  
  579. </div>
  580.  
  581. <div id="sidebar">
  582.  
  583. <!-- <div id="sidebarimage">
  584. <a href="/"><img src="{image:sidebar}"></a></div> -->
  585.  
  586. <div class="sidebartitle">{text:blogtitle}</div>
  587.  
  588.  
  589. <div id="links">
  590. <a href="{text:link 1 url}">✗</a>
  591. </br>
  592. <a href="{text:link 2 url}">✘</a>
  593. </br>
  594. <a href="{text:link 3 url}">✗</a>
  595. </br>
  596. <a href="{text:link 4 url}">✘</a>
  597. </br>
  598. <a href="{text:link 5 url}">✗</a>
  599. </br>
  600. </div>
  601. <div id="sideimage"><img src="{image:side image}"/></div>
  602.  
  603. <!-- <div id="description">{text:description} --->
  604.  
  605. <div id="pagination">
  606. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">defense</a> &nbsp;&nbsp;&nbsp; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">forward</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  607. </div></div></div>
  608.  
  609. <div id="entries">{block:Posts}<div id="post">
  610.  
  611. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  612.  
  613. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  614.  
  615. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  616.  
  617. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  618.  
  619. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  620.  
  621. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  622.  
  623. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  624. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  625.  
  626. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  627.  
  628. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  629.  
  630. {block:Date}<div id="info"> <a href="{Permalink}">{TimeAgo}</a>
  631. {/block:Date} {block:NoteCount}&nbsp; || &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}<big>✗</big></a> {/block:NoteCount} <div style="float:right;">
  632.  
  633. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via </a> {/block:RebloggedFrom} &nbsp; || {block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">SOURCE</a>&nbsp; ||{/block:ContentSource} {/block:RebloggedFrom} &nbsp;<a href="{ReblogURL}"target="_blank" title="reblog this post">PERMA </a> </div>
  634. </div>
  635.  
  636.  
  637. {block:HasTags}
  638. <div class="tags">
  639. FILED UNDER:{block:Tags} <a href="{TagURL}">&nbsp; || {Tag} ||</a> {/block:Tags}</div>
  640. {/block:HasTags}
  641. <div class="postnote">
  642. {block:PostNotes}{PostNotes}{/block:PostNotes}
  643. </div>
  644. </div>
  645. {/block:Posts}
  646.  
  647. </div>
  648.  
  649. </body>
  650.  
  651. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement