API tools faq
paste
Advertisement
skyrimthemes

Theme - Adamantium

skyrimthemes
Aug 12th, 2014
676
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6.  
  7. ███████╗██╗ ██╗██╗ ██╗██████╗ ██╗███╗ ███╗
  8. ██╔════╝██║ ██╔╝╚██╗ ██╔╝██╔══██╗██║████╗ ████║
  9. ███████╗█████╔╝ ╚████╔╝ ██████╔╝██║██╔████╔██║
  10. ╚════██║██╔═██╗ ╚██╔╝ ██╔══██╗██║██║╚██╔╝██║
  11. ███████║██║ ██╗ ██║ ██║ ██║██║██║ ╚═╝ ██║
  12. ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚═╝╚═╝ ╚═╝
  13.  
  14. ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
  15. ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
  16. ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
  17. ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
  18. ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
  19. ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
  20.  
  21. the code here is owned by skyrimthemes.tumblr.com.
  22.  
  23. DO NOT STEAL CODE
  24. DO NOT TAKE PARTS OF CODE
  25. DO NOT REMOVE CREDIT
  26. DO NOT MOVE CREDIT
  27. BE RESPECTFUL
  28. DO NOT USE A BASE CODE
  29. LIKE OR REBLOG THEME POST IF USING
  30. DIRECT ALL QUESTIONS TO THE URL ABOVE
  31.  
  32. if you are caught defying any of the above rules, you WILL be reported.
  33.  
  34. --->
  35.  
  36. <meta name="image:Sidebar" content="">
  37.  
  38. <meta name="color:Main Colour" content="">
  39.  
  40. <meta name="text:link 1 url" content="">
  41. <meta name="text:link 1 name" content="">
  42. <meta name="text:link 2 url" content="">
  43. <meta name="text:link 2 name" content="">
  44. <meta name="text:link 3 url" content="">
  45. <meta name="text:link 3 name" content="">
  46. <meta name="text:link 4 url" content="">
  47. <meta name="text:link 4 name" content="">
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}
  53. <meta name="description" content="{MetaDescription}" />
  54. {/block:Description}
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61.  
  62. (function($){
  63.  
  64. $(document).ready(function(){
  65.  
  66. $("a[title]").style_my_tooltips({
  67.  
  68. tip_follows_cursor:true,
  69.  
  70. tip_delay_time:30,
  71.  
  72. tip_fade_speed:300,
  73.  
  74. attribute:"title"
  75.  
  76. });
  77.  
  78. });
  79.  
  80. })(jQuery);
  81.  
  82. </script>
  83.  
  84. <script type="text/javascript"
  85. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  86.  
  87. <!--- jquery tut by primrosetylers/irma, thanks love!--->
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  89. <script>
  90. $(document).ready(function(){
  91. $(".clickme").click(function(){
  92. $(".revealed").toggleClass("cool");
  93. });
  94. });
  95. </script>
  96.  
  97. <style type="text/css">
  98.  
  99. /*basics*/
  100.  
  101. body {
  102. background-color:#fff;
  103. color:#000;
  104. font-size:11px;
  105. font-family:calibri;
  106. }
  107.  
  108. a { color:#000;text-decoration:underline; }
  109.  
  110. blockquote {
  111. margin-left:5px;
  112. border-left:5px solid {color:Main Colour};
  113. padding-left:5px;
  114. }
  115.  
  116. small {
  117. font-size:10px;
  118. }
  119.  
  120. big {
  121. font-size:12px;
  122. }
  123.  
  124. /*tooltips*/
  125.  
  126. #s-m-t-tooltip{
  127. font-size:10px;
  128. position:absolute;
  129. margin-top: 15px;
  130. font-weight:bold;
  131. z-index:999999999999999999999999999999999999999999999;
  132. background:{color:Main Colour};
  133. padding:3px;
  134. color:#fff;
  135. text-transform:uppercase;
  136. font-family:calibri;
  137. padding:2px 3px 2px 3px;
  138. -webkit-transition:all 0.3s;
  139. -moz-transition:all 0.3s;
  140. -ms-transition:all 0.3s;
  141. -o-transition:all 0.3s;
  142. transition:all 0.3s;
  143. }
  144.  
  145. /*hover selections*/
  146.  
  147. ::selection {
  148. background: #000;
  149. color: #fff;}
  150. ::-moz-selection {
  151. background: #000;
  152. color: #fff;}
  153. ::-webkit-selection {
  154. background: #000;
  155. color: #fff;}
  156.  
  157. /*scrollbar*/
  158.  
  159. ::-webkit-scrollbar {
  160. height: 5px;
  161. width: 5px;
  162. -webkit-border-radius: 0px;
  163. background-color:{color:Main Colour};
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb {
  167. background-color:{color:Main Colour};
  168. }
  169.  
  170. ::-webkit-scrollbar-track {
  171. background-color:#fff;
  172. }
  173.  
  174. /*white tumblr controls*/
  175.  
  176. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  177.  
  178. /*sidebar*/
  179.  
  180. #sbar {
  181. left:200px;
  182. margin-top:auto;
  183. margin-bottom:auto;
  184. position:fixed;
  185. width:150px;
  186. height:auto;
  187. }
  188.  
  189. #scary img {
  190. width:150px;
  191. height:auto;
  192. }
  193.  
  194. #companion {
  195. text-align:right;
  196. width:150px;
  197. font-size:25px;
  198. margin-top:-22px;
  199. color:{color:Main Colour};
  200. font-family:sans-serif;
  201. letter-spacing:-2px;
  202. font-weight:bold;
  203. }
  204.  
  205. .revealed {
  206. height:0;
  207. overflow:hidden;
  208. -webkit-transition:0.5s;
  209. -moz-transition:0.5s;
  210. -ms-transition:0.5s;
  211. -o-transition:0.5s;
  212. transition:0.5s;
  213. }
  214. .cool {
  215. height:125px;
  216. }
  217.  
  218. #drop {
  219. width:138px;
  220. background-color:#fff;
  221. color:{color:Main Colour};
  222. border-left:1px solid {color:Main Colour};
  223. border-right:1px solid {color:Main Colour};
  224. border-bottom:1px solid {color:Main Colour};
  225. font-family:calibri;
  226. text-transform:uppercase;
  227. padding:5px;
  228. text-align:left;
  229. cursor:pointer;
  230. font-weight:bold;
  231. -webkit-transition:0.5s;
  232. -moz-transition:0.5s;
  233. -ms-transition:0.5s;
  234. -o-transition:0.5s;
  235. transition:0.5s;
  236. }
  237.  
  238. #drop:hover {
  239. background-color:{color:Main Colour};
  240. color:#fff;
  241. }
  242.  
  243. #drop nth-child(1) { border-top:1px solid {color:Main Colour}; }
  244.  
  245. #drop a { color:{color:Main Colour};text-decoration:none; } #drop:hover a { color:#fff; }
  246.  
  247. #secondary {
  248. width:150px;
  249. height:auto;
  250. }
  251.  
  252. #secondary a {
  253. width:138px;
  254. display:block;
  255. background-color:#fff;
  256. color:{color:Main Colour};
  257. border-left:1px solid {color:Main Colour};
  258. border-right:1px solid {color:Main Colour};
  259. border-bottom:1px solid {color:Main Colour};
  260. font-family:calibri;
  261. text-transform:uppercase;
  262. padding:5px;
  263. text-align:left;
  264. cursor:pointer;
  265. min-width:138px;
  266. text-decoration:none;
  267. font-weight:bold;
  268. -webkit-transition:0.5s;
  269. -moz-transition:0.5s;
  270. -ms-transition:0.5s;
  271. -o-transition:0.5s;
  272. transition:0.5s;
  273. }
  274.  
  275. #secondary a:hover {
  276. background-color:{color:Main Colour};
  277. color:#fff;
  278. }
  279.  
  280. #description {
  281. width:140px;
  282. margin-top:3px;
  283. padding-left:5px;
  284. text-align:left;
  285. border-left:5px solid {color:Main Colour};
  286. font-family:calibri;
  287. }
  288.  
  289. #pagination {
  290. width:150px;
  291. margin-top:5px;
  292. padding-top:3px;
  293. border-top:1px solid {color:Main Colour};
  294. text-align:center;
  295. font-size:11px;
  296. } #pagination a { color:#000;text-decoration:none; }
  297.  
  298. /*posts container*/
  299.  
  300. #cr {
  301. font: 10px calibri;
  302. text-transform:uppercase;
  303. position: fixed;
  304. background-color:#fff;
  305. border:1px solid #000;
  306. width:13px;
  307. height:13px;
  308. bottom: 7px;
  309. padding:2px;
  310. right: 7px;
  311. z-index: 10;
  312. text-align:center;
  313. overflow:hidden;
  314. -webkit-transition:all 0.7s ease-in-out;
  315. -moz-transition:all 0.7s ease-in-out;
  316. transition:all 0.7s ease-in-out;
  317. }
  318.  
  319. #cr a {
  320. color:#fff;
  321. font-size:10px;
  322. font-weight:bold;
  323. text-decoration: none;
  324. }
  325.  
  326. #cr:hover {
  327. width:100px;
  328. -webkit-transition:all 0.7s ease-in-out;
  329. -moz-transition:all 0.7s ease-in-out;
  330. transition:all 0.7s ease-in-out;
  331. }
  332.  
  333. #cr:hover a {
  334. color:#000;
  335. }
  336.  
  337. #right {
  338. width:500px;
  339. margin-top:100px;
  340. }
  341.  
  342. #posts {
  343. margin-left:450px;
  344. width:500px;
  345. overflow:hidden;
  346. display:inline-block;
  347. margin-top:100px;
  348. }
  349.  
  350. #postsb {
  351. width:500px;
  352. }
  353.  
  354. #posts:nth-child(1) { margin-top:0;
  355. }
  356.  
  357. /*titles*/
  358.  
  359. #title {
  360. text-align:left;
  361. padding-bottom:3px;
  362. color:{color:Main Colour};
  363. width:500px;
  364. font-family:sans-serif;
  365. font-weight:bold;
  366. letter-spacing:-2px;
  367. text-transform:lowercase;
  368. border-bottom:5px solid {color:Main Colour};
  369. font-size:20px;
  370. } #title a { color:{color:Main Colour};text-decoration:none; }
  371.  
  372. /*quotes*/
  373.  
  374. #quote {
  375. padding-left:5px;
  376. padding-right:5px;
  377. font-size:10px;
  378. font-family:sans-serif;
  379. font-weight:italic;
  380. line-height:12px;
  381. }
  382.  
  383. #comma {
  384. font-size:50px;
  385. color:#a0a0a0;
  386. font-weight:bold;
  387. }
  388.  
  389. #confucius {
  390. text-align:right;
  391. }
  392.  
  393. /* lmthemes audio post tut, credit to lmthemes */
  394.  
  395. .playbutton {
  396. width: 20px;
  397. height: 30px;
  398. overflow: hidden;
  399. position: relative;
  400. z-index: 1000;
  401. margin: 15px 24px 13px 16px;
  402. }
  403.  
  404. .playbox {
  405. margin-top:10px;
  406. margin-left:10px;
  407. background-color:#000;
  408. position: absolute;
  409. z-index: 1000;
  410. opacity: 0.5;
  411. }
  412.  
  413. .cover {
  414. display:inline-block;
  415. width:80px;
  416. height:80px;
  417. float:left;
  418. }
  419.  
  420. .cover img { border-radius:50%; }
  421.  
  422. /*rest of audio posts styling*/
  423.  
  424. #ihateaudioposts {
  425. display:inline-block;
  426. height:80px;
  427. margin-left:5px;
  428. background-color:{color:Main Colour};
  429. padding-left:5px;
  430. overflow:hidden;
  431. line-height:20px;
  432. width:409px;
  433. color:#fff;
  434. text-transform:uppercase;
  435. }
  436.  
  437. #bolded { font-weight:bold; }
  438.  
  439. /*asks*/
  440.  
  441. #person {
  442. display:inline-block;
  443. width:30px;
  444. height:30px;
  445. float:left;
  446. }
  447.  
  448. /*speech bubble asks*/
  449.  
  450. #coverme {
  451. overflow:hidden;
  452. display:block;
  453. }
  454.  
  455. #talkbubble {
  456. border-radius:10px;
  457. width: 445px;
  458. margin-bottom:10px;
  459. float:right;
  460. height: auto;
  461. min-height:22px;
  462. background:{color:Main Colour};
  463. font-family:calibri;
  464. font-size:9px;
  465. text-transform:uppercase;
  466. color:#fff;
  467. padding:4px;
  468. position:relative;
  469. }
  470.  
  471. #talkbubble:before {
  472. content:"";
  473. position:absolute;
  474. right: 100%;
  475. top: 10px;
  476. width: 0;
  477. height: 0;
  478. border-top: 5px solid transparent;
  479. border-right: 10px solid {color:Main Colour};
  480. border-bottom: 5px solid transparent;
  481. }
  482.  
  483. #talkbubble a { color:#fff;text-decoration:none; }
  484.  
  485. #answer {
  486. display:block;
  487. }
  488.  
  489. /*chat (i hate chats tbh just don't use 'em)*/
  490.  
  491. #label {
  492. font-weight:bold;
  493. color:{color:Main Colour};
  494. }
  495.  
  496. /*notes*/
  497.  
  498. #info {
  499. margin-left:-1px;
  500. width:490px;
  501. padding:5px;
  502. background-color:{color:Main Colour};
  503. margin-top:5px;
  504. text-align:center;
  505. color:#000;
  506. font-size:8px;
  507. text-transform:lowercase;
  508. }
  509.  
  510. #info a { display:inline-block;text-decoration:none;color:#000; }
  511.  
  512. ol.notes {
  513. list-style-type: none;
  514. padding:3px;
  515. }
  516.  
  517. ol.notes img { padding-right:5px;border-right:3px solid {color:Main Colour};width:12px;height:12px;}
  518.  
  519. ol.notes a { padding-left:5px; }
  520.  
  521. #tags {
  522. width:480px;
  523. padding:10px;
  524. color:#000;
  525. opacity:0;
  526. font-size:9px;
  527. text-align:center;
  528. -webkit-transition:0.5s;
  529. -moz-transition:0.5s;
  530. -ms-transition:0.5s;
  531. -o-transition:0.5s;
  532. transition:0.5s;
  533. }
  534.  
  535. #tags a {
  536. text-decoration:none;
  537. text-transform:uppercase;
  538. padding:5px;
  539. }
  540.  
  541. #posts:hover #tags {
  542. opacity:8;
  543. -webkit-transition:0.5s;
  544. -moz-transition:0.5s;
  545. -ms-transition:0.5s;
  546. -o-transition:0.5s;
  547. transition:0.5s;
  548. }
  549.  
  550. </style>
  551.  
  552. </head>
  553.  
  554. <body>
  555.  
  556. <!--sidebar-->
  557.  
  558. <div id="sbar">
  559. <div id="scary"><img src="{image:Sidebar}"></div>
  560. <div id="companion">{Title}</div>
  561. <div id="drop" class="clickme" style="border-top:1px solid {color:Main Colour};">navigate</div>
  562. <div class="revealed">
  563. <div id="secondary"><a href="/">home</a><a href="{text:link 1 url}">{text:link 1 name}</a><a href="{text:link 2 url}">{text:link 2 name}</a><a href="{text:link 3 url}">{text:link 3 name}</a><a href="{text:link 4 url}">{text:link 4 name}</a></div>
  564. </div>
  565. <div id="description">{Description}</div>
  566. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  567. </div>
  568.  
  569. <!--posts-->
  570.  
  571. <div id="right">{block:Posts}<div id="posts"><div id="postsb">
  572.  
  573. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}
  574.  
  575. {block:Photo}<div id="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  576.  
  577. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:Panorama}
  578.  
  579. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  580.  
  581. {block:Quote}<div id="quote"><span id="comma">&ldquo;</span><em>{Quote}</em></div><div id="confucius">{block:Source}- {Source}{/block:Source}</div>{/block:Quote}
  582.  
  583. {block:Link}<div id="title"><a href="{URL}" {Target}><h3>{Name} &#8594;</h3></a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  584.  
  585. {block:Chat}{block:Title}<div id="title"><h3>{Title}</h3></div>{/block:Title}<div id="chlines">{block:Lines}<div id="{Alt}">{block:Label}<span id="label">{Label}</span>{/block:Label} {Line}</div>{/block:Lines}</div>{/block:Chat}
  586.  
  587. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  588.  
  589. {block:Audio}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  590. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div id="ihateaudioposts">{block:TrackName}<span id="bolded">Name:</span> {TrackName}{/block:TrackName}<br>{block:Artist}<span id="bolded">Artist:</span> {Artist}{/block:Artist}<br>{block:Album}<span id="bolded">Album:</span> {Album}{/block:Album}<br>{block:PlayCount}<span id="bolded">Play Count:</span> {PlayCount}{/block:PlayCount}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  591.  
  592. {block:Answer}<div id="coverme"><div id="person"><img src="{AskerPortraitURL-30}"></div><div id="talkbubble"><span id="bolded"><a href="{AskerURL}">{Asker}</a> asked:</span> {Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  593.  
  594. </div>
  595.  
  596. {block:Date}<div id="info"><a href="{Permalink}" font-weight"bold">{DayOfWeek} {DayOfMonth}</a>{block:RebloggedFrom} | <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} | <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}{block:NoteCount} | {NoteCount}{/block:NoteCount}</div>{/block:Date}
  597.  
  598. {block:hastags}<div id="tags">{block:tags}<a href="{TagURL}">#{Tag}</a>{/block:tags}</div>{/block:hastags}
  599.  
  600. {block:PostNotes}{PostNotes}{/block:PostNotes}
  601.  
  602. </div></div>
  603.  
  604. <div id="cr"><a href="http://harknesses.tumblr.com">skyrim themes</a></div>
  605.  
  606. </body>
  607. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!