API tools faq
paste
Advertisement
xivth

15. UTA

xivth
Aug 24th, 2014
5,718
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.64 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!---
  4. Theme 15. UTA by soldierholic
  5. Don't remove the credit!
  6. Please don't take, use as a base, or claim the theme as your own.
  7. --->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Bold" content="#890000"/>
  17. <meta name="color:Accents" content="#bb0000"/>
  18. <meta name="color:Hover" content="#929292"/>
  19. <meta name="color:Primary" content="#000000"/>
  20. <meta name="color:Secondary" content="#474646"/>
  21. <meta name="color:Tags" content="#971717"/>
  22. <meta name="color:Text" content="#606060"/>
  23.  
  24. <meta name="image:Sidebar" content="http://static.tumblr.com/5rthwqc/Mzonau00x/_182_.png"/>
  25. <meta name="image:Small Side" content="http://static.tumblr.com/5rthwqc/4uenau04d/sdfsdf.png"/>
  26.  
  27. <meta name="if:400px" content="1" />
  28.  
  29. <meta name="text:Date Symbol" content="♔">
  30.  
  31. <meta name="text:Home Title" content="escape" />
  32. <meta name="text:Ask Title" content="approach" />
  33. <meta name="text:Submit Title" content="bestow" />
  34. <meta name="text:Archive Title" content="memoir" />
  35.  
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="Link 1" />
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="Link 2" />
  40. <meta name="text:Link3" content="/" />
  41. <meta name="text:Link3 Title" content="Link 3" />
  42. <meta name="text:Link4" content="/" />
  43. <meta name="text:Link4 Title" content="Link 4" />
  44. <meta name="text:Link5" content="/" />
  45. <meta name="text:Link5 Title" content="Link 5" />
  46.  
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:0,
  56. tip_fade_speed:0,
  57. attribute:"title"
  58. });
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63. <style type="text/css">
  64. ::-webkit-scrollbar-thumb:vertical {
  65. background-color:{color:primary};
  66. height:7px;
  67. border-right:2px solid {color:background};
  68. border-left:1px solid {color:background};}
  69. ::-webkit-scrollbar-thumb:horizontal {
  70. background-color:{color:primary};
  71. height:7px!important;}
  72. ::-webkit-scrollbar {
  73. background:{color:background};
  74. height:7px;
  75. width:8px;}
  76. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  77. display:block;
  78. height:6px;
  79. background-color:{color:background};
  80. border-right:2px solid {color:background};}
  81.  
  82. body {
  83. background-color:{color:background};
  84. margin:0px;
  85. color:{color:text};
  86. font-family:arial;
  87. font-size:10px;
  88. font-style: none;}
  89.  
  90. sup,small,sub {
  91. font-size:9px;}
  92.  
  93. b,strong {color:{color:bold};}
  94.  
  95. a {
  96. color: {color:accents};
  97. text-decoration: none;
  98. font-weight: normal;
  99. -webkit-transition: all 0.5s ease-in-out;
  100. -moz-transition: all 0.5s ease-in-out;
  101. -o-transition: all 0.5s ease-in-out;}
  102.  
  103. a:hover {
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;
  107. color: {color:hover};
  108. text-decoration: none;
  109. font-weight: normal;}
  110.  
  111. img {max-width:100%;}
  112.  
  113. blockquote {
  114. margin-left:25px;
  115. margin-right:5px;
  116. padding-left:10px;
  117. border-left:1px solid {color:secondary};}
  118.  
  119. h1 {font:20px cambria;
  120. letter-spacing:-1px;
  121. font-weight:bold;
  122. font-style:italic;
  123. text-align:center;
  124. color: {color:accents};}
  125.  
  126. #s-m-t-tooltip {
  127. margin:-30px 0 0 10px;
  128. display:none;
  129. text-align:left;
  130. position:absolute;
  131. letter-spacing:2px;
  132. text-transform:uppercase;
  133. font-family:calibri;
  134. font-size:8px;
  135. z-index:999;
  136. padding:2px 3px;
  137. line-height:12px;
  138. color:{color:background};
  139. background:{color:primary};}
  140.  
  141. #container {margin: auto;
  142. width: 900px;}
  143. .container{
  144. margin-left:100px;}
  145.  
  146. #pcontainer {
  147. background-color: {color:background};
  148. {block:if400px}
  149. width:435px;
  150. {/block:if400px}
  151. {block:ifnot400px}
  152. width:535px;
  153. {/block:ifnot400px}
  154. padding: 20px 35px;
  155. margin:auto;
  156. margin-left:230px;
  157. top:40px;
  158. height:500px;
  159. position:relative;
  160. overflow-x:hidden;
  161. overflow-y:scroll;
  162. }
  163.  
  164. #entry {
  165. float:left;
  166. {block:if400px}
  167. width:422px;
  168. {/block:if400px}
  169. {block:ifnot400px}
  170. width:522px;
  171. {/block:ifnot400px}
  172. margin-top:10px;
  173. border:1px solid {color:background};
  174. text-align:justify;}
  175.  
  176. #post {
  177. {block:if400px}
  178. width:400px;
  179. {/block:if400px}
  180. {block:ifnot400px}
  181. width:500px;
  182. {/block:ifnot400px}
  183. padding:15px;
  184. border:1px solid {color:background};
  185. background-color: {color:background};}
  186.  
  187. #tlink a {font:20px cambria;
  188. letter-spacing:-1px;
  189. font-weight:bold;
  190. font-style:italic;
  191. text-align:center;}
  192.  
  193. #pagination {
  194. {block:if400px}
  195. width:425px;
  196. {/block:if400px}
  197. {block:ifnot400px}
  198. width:525px;
  199. {/block:ifnot400px}
  200. position:fixed;
  201. height:15px;
  202. top:565px;
  203. background-color:{color:background};
  204. margin:auto;
  205. line-height:15px;
  206. padding-top:2px;
  207. padding-bottom:0px;
  208. font:8px consolas;
  209. text-align:center;
  210. text-transform:uppercase;}
  211.  
  212. #pagination a {
  213. line-height:15px;
  214. text-align:center;
  215. padding: 4px;
  216. color: {color:primary};
  217. text-decoration: none;}
  218.  
  219. #pagination .jump_page {
  220. text-decoration:none;}
  221.  
  222. #pagination .current_page {
  223. padding: 1px 4px;
  224. margin: 0px 2px;
  225. padding:4px;
  226. color: {color:bold};
  227. font-weight:bold;
  228. text-decoration:none;}
  229.  
  230. #sbar {
  231. margin-top:120px;
  232. margin-left:-60px;
  233. padding: 15px;
  234. position:fixed;}
  235.  
  236. #sidebar {
  237. margin-left:100px;
  238. margin-top:2px;
  239. padding: 15px;
  240. position:fixed;
  241. z-index:1;}
  242. #sideimg img {
  243. width:260px;
  244. height: 540px;
  245. position:fixed;
  246. padding:5px;
  247. margin-top:-117px;
  248. margin-left:-100px;
  249. z-index:-1;}
  250. #navi {
  251. text-align:center;}
  252.  
  253. #navi a {
  254. width: 16px;
  255. height: 16px;
  256. background-color:{color:Primary};
  257. color:{color:background};
  258. text-align:center;
  259. font-size:8px;
  260. margin-top:3px;
  261. margin-bottom:10px;
  262. font-family:calibri;
  263. letter-spacing:0px;
  264. text-transform:uppercase;
  265. display:inline-block;
  266. line-height:16px;
  267. -webkit-transition: all 0.3s linear;
  268. -moz-transition: all 0.3s linear;
  269. transition: all 0.3s linear;}
  270.  
  271. #navi a:hover{
  272. color:{color:primary};
  273. box-shadow: inset 100px 0px 0px {color:background};
  274. -webkit-transition: all 0.5s linear;
  275. -moz-transition: all 0.5s linear;
  276. transition: all 0.5s linear;}
  277.  
  278. #desc {
  279. background-color:{color:background};
  280. width:150px;
  281. font:10px calibri;
  282. padding:10px;
  283. margin-top:-10px;
  284. margin-left:-52px;
  285. color: {color:Text};
  286. position:fixed;
  287. text-align: justify;
  288. z-index:999;}
  289. #desc p {margin-top:-5px;}
  290.  
  291. .descimg {
  292. text-align:center;}
  293.  
  294. .descimg img {
  295. width:100px;
  296. margin-bottom:0px;}
  297.  
  298. #clinks {
  299. display:inline-block;
  300. text-align:right;
  301. margin-top:5px;}
  302.  
  303. #clinks a {
  304. color: {color:secondary};
  305. background-color:{color:background};
  306. border-bottom:1px solid {color:primary};
  307. width:150px;
  308. height:15px;
  309. line-height:15px;
  310. text-align:left;
  311. font-size:8px;
  312. font-family:consolas;
  313. text-transform:uppercase;
  314. display:block;
  315. letter-spacing:2px;
  316. -moz-transition-duration:.7s;
  317. -webkit-transition-duration:.7s;
  318. -o-transition-duration:.7s;}
  319.  
  320. #clinks a:hover {
  321. margin-left:65px;
  322. width:85px;
  323. color: {color:hover};
  324. background-color:transparent;
  325. -moz-transition-duration:.5s;
  326. -webkit-transition-duration:.5s;
  327. -o-transition-duration:.5s;}
  328.  
  329. #space {margin-bottom:20px;}
  330.  
  331. .quote {
  332. font:20px cambria;
  333. margin-left:25px;
  334. {block:if400px}
  335. width:350px;
  336. {/block:if400px}
  337. {block:ifnot400px}
  338. width: 450px;
  339. {/block:ifnot400px}
  340. letter-spacing:-1px;
  341. font-weight:bold;
  342. font-style:italic;}
  343.  
  344. .source {
  345. text-align: right;
  346. font-size: 7px;
  347. text-transform: uppercase;
  348. letter-spacing: 2px;}
  349.  
  350. .audio {overflow:hidden;}
  351.  
  352. .audio img {max-width:84px;}
  353.  
  354. .playbutton {
  355. background-color:#fff;
  356. width: 30px;
  357. height: 30px;
  358. overflow: hidden;
  359. position: relative;
  360. margin:10px 9px 8px 10px;
  361. z-index: 99;
  362. opacity:.6;}
  363.  
  364. .playbox {
  365. background-color: #fff;
  366. border-radius:30px;
  367. position: absolute;
  368. margin:17px;
  369. z-index: 99;
  370. opacity:.3;
  371. -webkit-transition: all 0.5s ease-in-out;
  372. -moz-transition: all 0.5s ease-in-out;
  373. -o-transition: all 0.5s ease-in-out;}
  374.  
  375. .playbox:hover{
  376. opacity:.8;
  377. -webkit-transition: all 0.5s ease-in-out;
  378. -moz-transition: all 0.5s ease-in-out;
  379. -o-transition: all 0.5s ease-in-out;}
  380.  
  381. .cover {
  382. position: relative; }
  383.  
  384.  
  385. #ask {padding: 5px;
  386. text-align:justify;}
  387.  
  388. #ask img {
  389. max-width: 30px;
  390. padding:2px;
  391. -webkit-border-radius: 25px;
  392. border-radius: 25px;}
  393.  
  394. #ask a {
  395. font:23px cambria;
  396. font-style:italic;
  397. letter-spacing:-2px;
  398. font-weight:bold;
  399. text-transform:lowercase;
  400. text-decoration: none;}
  401.  
  402. #ask b {
  403. font:23px cambria;
  404. font-style:italic;
  405. letter-spacing:-2px;
  406. font-weight:bold;
  407. text-transform:lowercase;
  408. text-decoration: none;}
  409.  
  410. #ask i {
  411. font:23px cambria;
  412. font-style:italic;
  413. letter-spacing:-2px;
  414. font-weight:bold;
  415. text-transform:lowercase;
  416. text-decoration: none;}
  417.  
  418. #date {
  419. width:15px;
  420. font-size: 9px;
  421. text-transform:uppercase;
  422. letter-spacing:1px;
  423. background-color:{color:primary};
  424. color:{color:background};
  425. padding:5px 1px 5px 5px;}
  426.  
  427. #info {
  428. margin-top:-25px;
  429. margin-left:12px;
  430. border-radius:5px;
  431. text-transform:uppercase;
  432. font-style:none;
  433. font-family:calibri;
  434. font-size: 8px;
  435. {block:if400px}
  436. width:389px;
  437. {/block:if400px}
  438. {block:ifnot400px}
  439. width:489px;
  440. {/block:ifnot400px}
  441. color:{color:secondary};
  442. text-align:left;
  443. padding-left:15px;
  444. padding-right:5px;
  445. padding-top:4px;
  446. padding-bottom:5px;}
  447. #info a {color:{color:secondary};}
  448. #info a:hover {color:{color:accents};}
  449.  
  450. #tags {
  451. color:{color:tags};
  452. margin-top:-7px;
  453. margin-left:12px;
  454. padding-left:15px;
  455. text-align:left;
  456. line-height:8px;
  457. font-size:8px;
  458. margin-bottom:5px;
  459. text-transform:uppercase;
  460. font-family: calibri;
  461. padding-right:10px;}
  462.  
  463. #tags a {color:{color:tags};}
  464. #tags a:hover {color:{color:hover};}
  465.  
  466. .rb {
  467. text-align:right;
  468. padding-right:10px;
  469. margin-top:-10px;
  470. padding-top:1px;}
  471.  
  472. #notes {
  473. text-align: center;
  474. padding-left:5px;}
  475. #notes blockquote a {color:{Color:text};}
  476. #notes img {width:10px;
  477. border-radius:10px;
  478. padding-right:3px;
  479. padding-top:3px;}
  480. #notes a {color:{color:accents};}
  481. #notes a:hover {color:{color:hover};
  482. text-decoration:none;}
  483.  
  484. li.note {
  485. list-style-type: none;
  486. text-align:center;
  487. letter-spacing:2px;
  488. background-color:{color:background};
  489. font-family:consolas;
  490. font-size:8px;
  491. margin-bottom:5px;
  492. text-transform:uppercase;}
  493.  
  494. </style>
  495.  
  496.  
  497. </head>
  498. <body>
  499.  
  500. <div id="container">
  501. <div class="container">
  502. <div id="sbar">
  503. <div id="sidebar">
  504. <div id="sideimg">
  505. <img src="{image:sidebar}" alt="">
  506. </div>
  507. <div id="desc">
  508. <div class="descimg"><img alignt="center" src="{image:small side}"></div>
  509. <div id="navi">
  510. <a title="{text:home title}" href="/">i</a>
  511. <a title="{text:ask title}" href="/ask">ii</a>
  512. <a title="{text:submit title}" href="/submit">iii</a>
  513. <a title="{text:archive title}" href="/archive">iv</a>
  514. <a title="origin" target="blank" href="http://soldierholic.tumblr.com">v</a>
  515. </div>
  516. {description}
  517. <div id="clinks">
  518. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:IfLink1}
  519. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:IfLink2}
  520. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:IfLink3}
  521. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:IfLink4}
  522. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:IfLink5}
  523. </div>
  524. </div>
  525. </div>
  526.  
  527. </div>
  528.  
  529. <div id="pcontainer">
  530.  
  531. <div id="pagination">
  532. {block:Pagination}
  533.  
  534. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  535. {block:JumpPagination length="5"}
  536. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  537. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  538. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  539. {/block:Pagination}
  540. </div>
  541.  
  542. <div id="entry">
  543. {block:Posts}
  544. <div id="post">
  545. {block:ContentSource}
  546. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  547. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  548. {/block:SourceLogo}
  549. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  550. {/block:ContentSource}
  551.  
  552. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  553.  
  554. {block:Photo}{LinkOpenTag}{block:ifnot400px}<img src="{PhotoURL-500}">{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-500}">{/block:if400px}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  555.  
  556. {block:Photoset}{block:ifnot400px}{Photoset-500}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  557.  
  558. {block:Quote}
  559. <div style="font-size:34px;margin-left:15px;font-weight:bold;opacity:.2">❝</div>
  560. <div style="margin-top:-29px;" class="quote">{Quote}
  561. {block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
  562. </div>
  563. {/block:Quote}
  564.  
  565. {block:Link}<div id="tlink"><h1><a href="{URL}" {Target}>{Name}</a></h1></div>{block:Description}{Description}{/block:Description}{/block:Link}
  566.  
  567. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  568.  
  569. {block:Audio}
  570. <table><tr><td style="width: 90px;"><div class="audio">
  571. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  572. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover"/>{/block:AlbumArt}</td><td style="width: 300px; font:10px calibri; letter-spacing:2px; text-transform:uppercase;">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  573. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  574. {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  575. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></td></tr></table>
  576. {block:Caption}{Caption}{/block:Caption}
  577. {/block:Audio}
  578.  
  579. {block:Video}{block:ifnot400px}{Video-500}{/block:ifnot400px}{block:if400px}{Video-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  580.  
  581. {block:Answer}
  582. <div id="ask">
  583.  
  584. {block:if400px}<table><tr><td style="width: 50px;"><img src="{AskerPortraitURL-40}"></td><td style="width: 355px;"><div style="margin-top:-5px;"><i>{Asker} asked </i><b>;</b>&nbsp;&nbsp; <div style="font-size:11px;margin-top: 0px;padding-left:10px; text-align:justify;">{Question}</div></div></td>
  585. </tr></table>{/block:if400px}
  586.  
  587. {block:ifnot400px}<table><tr><td style="width: 50px;"><img src="{AskerPortraitURL-40}"></td><td style="width: 455px;"><div style="margin-top:-5px;"><i>{Asker} asked</i> <b>;</b>&nbsp;&nbsp; <div style="font-size:11px;margin-top: 0px;padding-left:20px; text-align:justify;">{Question}</div></div></td>
  588. </tr></table>{/block:ifnot400px}
  589.  
  590. </div>
  591. {Answer}
  592. {/block:Answer}
  593. </div>
  594.  
  595. {block:Date}
  596. <div id="space">
  597. <div id="date">{text:date symbol}</div>
  598. <div id="info">{ShortMonth} {DayOfMonthWithZero} &middot; <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} &middot; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  599. <div class="rb">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> &middot; {/block:RebloggedFrom}
  600. {block:ContentSource}<a href="{SourceURL}">source</a> &middot; {/block:ContentSource} <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:Date}
  601.  
  602. {block:HasTags}<div id="tags">{block:Tags}&middot; <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  603. {/block:indexpage}
  604.  
  605. </div>
  606.  
  607. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  608. {/block:Posts}
  609.  
  610. </div>
  611. </div>
  612. </div>
  613. </div>
  614. </div>
  615. </body></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!