API tools faq
paste
Advertisement
skyrimthemes

Theme - Pleasant [black]

skyrimthemes
Aug 17th, 2014
914
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <!--metas-->
  13.  
  14. <meta name="image:Sidebar" content="">
  15. <meta name="text:link 1 url" content="">
  16. <meta name="text:link 1 name" content="">
  17. <meta name="text:link 2 url" content="">
  18. <meta name="text:link 2 name" content="">
  19. <meta name="text:link 3 url" content="">
  20. <meta name="text:link 3 name" content="">
  21.  
  22. <!--tooltips-->
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29.  
  30. (function($){
  31.  
  32. $(document).ready(function(){
  33.  
  34. $("a[title]").style_my_tooltips({
  35.  
  36. tip_follows_cursor:true,
  37.  
  38. tip_delay_time:30,
  39.  
  40. tip_fade_speed:300,
  41.  
  42. attribute:"title"
  43.  
  44. });
  45.  
  46. });
  47.  
  48. })(jQuery);
  49.  
  50. </script>
  51.  
  52. <style type="text/css">
  53.  
  54. /*tooltips*/
  55.  
  56. #s-m-t-tooltip{
  57. font-size:10px;
  58. position:absolute;
  59. margin-top: 20px;
  60. margin-left:20px;
  61. font-weight:bold;
  62. z-index:999999999999999999999999999999999999999999999;
  63. background:#000;
  64. padding:3px;
  65. color:#fff;
  66. text-transform:uppercase;
  67. font-family:calibri;
  68. padding:2px 3px 2px 3px;
  69. -webkit-transition:all 0.3s;
  70. -moz-transition:all 0.3s;
  71. -ms-transition:all 0.3s;
  72. -o-transition:all 0.3s;
  73. transition:all 0.3s;
  74. }
  75.  
  76. /*scrollbar*/
  77.  
  78. ::-webkit-scrollbar { width: 5px; height: 5px; background: #fff; }
  79. ::-webkit-scrollbar-thumb { background-color: #000; }
  80.  
  81. body {
  82. font: 10px calibri;
  83. color:#fff;
  84. background-image:url(http://static.tumblr.com/pkkwczd/sXxnacbu4/black_grid_bg.png);
  85. text-align:justify;
  86. }
  87.  
  88. a {
  89. color:#fff;
  90. text-decoration:underline;
  91. }
  92.  
  93. blockquote {
  94. margin-left:5px;
  95. border-left:1px solid #fff;
  96. padding-left:5px;
  97. font-size:10px;
  98. }
  99.  
  100. #sbar {
  101. width:80px;
  102. height:auto;
  103. border:1px solid #fff;
  104. padding:10px;
  105. padding-bottom:15px;
  106. }
  107.  
  108. #icon {
  109. width:80px;
  110. height:80px;
  111. }
  112.  
  113. #icon img {
  114. width:80px;
  115. height:80px;
  116. }
  117.  
  118. #dessie {
  119. width:80px;
  120. padding-top:10px;
  121. font-size:8px;
  122. text-transform:uppercase;
  123. text-align:justify;
  124. }
  125.  
  126. #sbarcover {
  127. bottom:100px;
  128. left:100px;
  129. position:fixed;
  130. width:100px;
  131. height:auto;
  132. }
  133.  
  134. #craycray {
  135. width:100px;
  136. margin-top:-7px;
  137. padding-left:10px;
  138. position:fixed;
  139. }
  140.  
  141. #craycray a {
  142. width:10px;
  143. height:10px;
  144. border:1px solid #fff;
  145. background-color:#000;
  146. margin-right:11px;
  147. display:inline-block;
  148. -webkit-transition:all 0.3s;
  149. -moz-transition:all 0.3s;
  150. -ms-transition:all 0.3s;
  151. -o-transition:all 0.3s;
  152. transition:all 0.3s;
  153. }
  154.  
  155. #craycray a:hover {
  156. background-color:#fff;
  157. -webkit-transition:all 0.3s;
  158. -moz-transition:all 0.3s;
  159. -ms-transition:all 0.3s;
  160. -o-transition:all 0.3s;
  161. transition:all 0.3s;
  162. }
  163.  
  164. #posts {
  165. width:520px;
  166. height:auto;
  167. top:100px;
  168. position:relative;
  169. left:250px;
  170. }
  171.  
  172. #postswrap {
  173. width:520px;
  174. margin-top:100px;
  175. -webkit-transition:all 0.5s;
  176. -moz-transition:all 0.5s;
  177. -ms-transition:all 0.5s;
  178. -o-transition:all 0.5s;
  179. transition:all 0.5s;
  180. }
  181.  
  182. #postswrap:nth-child(1) { margin-top:0; }
  183.  
  184. #postswrap2 {
  185. margin-top:-9px;
  186. width:500px;
  187. padding:10px;
  188. padding-top:15px;
  189. border:1px solid #fff;
  190. overflow:hidden;
  191. }
  192.  
  193. /*text*/
  194.  
  195. #title {
  196. width:480px;
  197. padding:10px;
  198. font-size:14px;
  199. text-transform:uppercase;
  200. color:#fff;
  201. background-color:#000;
  202. margin-bottom:10px;
  203. border:1px solid #fff;
  204. }
  205.  
  206. #title a { color:#fff;text-decoration:none; }
  207.  
  208. #quote {
  209. width:480px;
  210. padding:10px;
  211. font-size:12px;
  212. color:#fff;
  213. font-weight:italic;
  214. background-color:#000;
  215. margin-bottom:10px;
  216. border:1px solid #fff;
  217. }
  218.  
  219. /*audio posts*/
  220.  
  221. #audio {
  222. width:478px;
  223. padding:10px;
  224. background-color:#000;
  225. border:1px solid #fff;
  226. height:auto;
  227. margin-bottom:10px;
  228. -webkit-transition:all 1s;
  229. -moz-transition:all 1s;
  230. -ms-transition:all 1s;
  231. -o-transition:all 1s;
  232. transition:all 1s;
  233. }
  234.  
  235. #play {
  236. opacity:0;
  237. width:25px;
  238. height:30px;
  239. overflow:hidden;
  240. margin-top:-45px;
  241. margin-left:17px;
  242. -webkit-transition:all 1s;
  243. -moz-transition:all 1s;
  244. -ms-transition:all 1s;
  245. -o-transition:all 1s;
  246. transition:all 1s;
  247. }
  248.  
  249. #audio:hover #play {
  250. opacity:8;
  251. -webkit-transition:all 1s;
  252. -moz-transition:all 1s;
  253. -ms-transition:all 1s;
  254. -o-transition:all 1s;
  255. transition:all 1s;
  256. }
  257.  
  258. #pause {
  259. width:60px;
  260. height:60px;
  261. display:inline-block;
  262. }
  263.  
  264. #pause img {
  265. width:60px;
  266. height:60px;
  267. }
  268.  
  269. #trackname {
  270. display:inline-block;
  271. width:410px;
  272. color:#fff;
  273. overflow:hidden;
  274. font-family:calibri;
  275. font-size:10px;
  276. text-transform:uppercase;
  277. height:60px;
  278. margin-left:5px;
  279. float:right;
  280. }
  281.  
  282. #trackname a { color:#fff; }
  283.  
  284. /*asks*/
  285.  
  286. #talkbubble
  287. {
  288. position: relative;
  289. width:478px;
  290. background-color:#000;
  291. padding:10px;
  292. height:auto;
  293. border:1px solid #fff;
  294. color:#fff;
  295. }
  296.  
  297. #ask-icon {
  298. float:left;
  299. position:absolute;
  300. margin-left:0;
  301. margin-top:0;
  302. }
  303.  
  304. #ask-icon img {
  305. width:30px;
  306. height:30px;
  307. border-radius:50%;
  308. }
  309.  
  310. #asker {
  311. width:440px;
  312. height:15px;
  313. text-align:left;
  314. border-bottom:1px solid #fff;
  315. overflow:hidden;
  316. padding-left:40px;
  317. font-size:10px;
  318. text-transform:uppercase;
  319. letter-spacing:1px;
  320. }
  321.  
  322. #asker a {
  323. text-decoration:none;
  324. color:#fff;
  325. }
  326.  
  327. #question {
  328. margin-top:16px;
  329. }
  330.  
  331. #cr {
  332. font: 10px calibri;
  333. font-weight:bold;
  334. position: fixed;
  335. background-color:#000;
  336. border:1px solid #fff;
  337. width:13px;
  338. height:13px;
  339. bottom: 7px;
  340. padding:2px;
  341. right: 7px;
  342. z-index: 10;
  343. text-align:center;
  344. overflow:hidden;
  345. -webkit-transition:all 0.7s ease-in-out;
  346. -moz-transition:all 0.7s ease-in-out;
  347. transition:all 0.7s ease-in-out;
  348. }
  349.  
  350. #cr a {
  351. color:#000;
  352. font-size:10px;
  353. font-weight:bold;
  354. text-decoration: none;
  355. }
  356.  
  357. #cr:hover {
  358. width:100px;
  359. -webkit-transition:all 0.7s ease-in-out;
  360. -moz-transition:all 0.7s ease-in-out;
  361. transition:all 0.7s ease-in-out;
  362. }
  363.  
  364. #cr:hover a {
  365. color:#fff;
  366. }
  367.  
  368. ol.notes {
  369. list-style-type: none;
  370. padding:3px;
  371. }
  372.  
  373. ol.notes img { display:none }
  374.  
  375. ol.notes a { text-decoration:none; }
  376.  
  377. #info {
  378. width:510px;
  379. padding-right:10px;
  380. text-align:right;
  381. }
  382.  
  383. #info a {
  384. width:10px;
  385. height:10px;
  386. border:1px solid #fff;
  387. background-color:#000;
  388. margin-left:11px;
  389. display:inline-block;
  390. -webkit-transition:all 0.3s;
  391. -moz-transition:all 0.3s;
  392. -ms-transition:all 0.3s;
  393. -o-transition:all 0.3s;
  394. transition:all 0.3s;
  395. }
  396.  
  397. #info a:hover {
  398. background-color:#fff;
  399. -webkit-transition:all 0.3s;
  400. -moz-transition:all 0.3s;
  401. -ms-transition:all 0.3s;
  402. -o-transition:all 0.3s;
  403. transition:all 0.3s;
  404. }
  405.  
  406. #tags {
  407. width:500px;
  408. padding:10px;
  409. font-size:8px;
  410. text-align:right;
  411. opacity:0;
  412. -webkit-transition:all 0.5s;
  413. -moz-transition:all 0.5s;
  414. -ms-transition:all 0.5s;
  415. -o-transition:all 0.5s;
  416. transition:all 0.5s;
  417. }
  418.  
  419. #postswrap:hover #tags {
  420. opacity:8;
  421. -webkit-transition:all 0.5s;
  422. -moz-transition:all 0.5s;
  423. -ms-transition:all 0.5s;
  424. -o-transition:all 0.5s;
  425. transition:all 0.5s;
  426. }
  427.  
  428. #tags a {
  429. font-size:8px;
  430. text-transform:uppercase;
  431. text-decoration:none;
  432. padding:5px;
  433. }
  434.  
  435. #pagination {
  436. width:520px;
  437. height:8px;
  438. border-bottom:1px solid #fff;
  439. margin-top:100px;
  440. margin-bottom:100px;
  441. text-align:center;
  442. }
  443.  
  444. #pagination a {
  445. text-transform:uppercase;
  446. color:#fff;
  447. text-decoration:none;
  448. background-color:#000;
  449. border:1px solid #fff;
  450. padding:3px;
  451. padding-left:5px;
  452. padding-right:5px;
  453. margin-left:2px;
  454. margin-right:2px;
  455. -webkit-transition:all 1s;
  456. -moz-transition:all 1s;
  457. -ms-transition:all 1s;
  458. -o-transition:all 1s;
  459. transition:all 1s;
  460. }
  461.  
  462. #pagination a:hover {
  463. background-color:#fff;
  464. color:#000;
  465. -webkit-transition:all 1s;
  466. -moz-transition:all 1s;
  467. -ms-transition:all 1s;
  468. -o-transition:all 1s;
  469. transition:all 1s;
  470. }
  471.  
  472. #current {
  473. text-transform:uppercase;
  474. color:#000;
  475. text-decoration:none;
  476. background-color:#fff;
  477. border:1px solid #fff;
  478. padding:3px;
  479. padding-left:5px;
  480. padding-right:5px;
  481. margin-left:2px;
  482. margin-right:2px;
  483. }
  484.  
  485. </style>
  486.  
  487. </head>
  488. <body>
  489.  
  490. <div id="sbarcover"><div id="sbar"><div id="icon"><img src="{image:Sidebar}"></div><div id="dessie">{Description}</div></div><div id="craycray"><a href="/" title="home"></a><a href="{text:link 1 url}" title="{text:link 1 name}"></a><a href="{text:link 2 url}" title="{text:link 2 name}"></a><a href="{text:link 3 url}" title="{text:link 3 name}"></a></div></div>
  491.  
  492. <div id="posts">{block:posts}<div id="postswrap">
  493.  
  494. {block:Date}<div id="info"><a href="{Permalink}" title="{DayOfWeek} {DayOfMonth}"></a>{block:NoteCount}<a href="{Permalink}" title="{NoteCount}"></a>{/block:NoteCount}{block:RebloggedFrom}<a title="via: {ReblogParentName}" href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="source: {SourceTitle}"></a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank" title="reblog"></a></div>{/block:Date}
  495.  
  496. <div id="postswrap2">
  497.  
  498. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}
  499.  
  500. {block:Photo}<div id="photo2">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>{block:Caption}<div id="caption" style="font-size:10px"><p>{Caption}</p></div>{/block:Caption}{/block:Photo}
  501.  
  502. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:Panorama}
  503.  
  504. {block:Photoset}{Photoset-500}{block:Caption}<div id="caption" style="font-size:10px">{Caption}</div>{/block:Caption}{/block:Photoset}
  505.  
  506. {block:Quote}<div id="quote">{Quote}</div><div id="confucius">{block:Source}- {Source}{/block:Source}</div>{/block:Quote}
  507.  
  508. {block:Link}<div id="title"><a href="{URL}" {Target}>{Name} &#8594;</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  509.  
  510. {block:Chat}{block:Title}<div id="title">{Title}</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}
  511.  
  512. {block:Video}{Video-500}{block:Caption}<div id="caption" style="font-size:10px">{Caption}</div>{/block:Caption}{/block:Video}
  513.  
  514. {block:Audio}<div id="audio">{block:AudioPlayer}{block:AlbumArt}<div id="pause"><img src="{AlbumArtURL}"><div id="play">{AudioPlayerBlack}</div></div>{/block:AlbumArt}{/block:AudioPlayer}{block:TrackName}<div id="trackname">{TrackName}<br>{block:Artist}{Artist}{/block:Artist}<br>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}{PlayCount}{/block:PlayCount}</div>{/block:TrackName}</div>{block:Caption}<div id="caption" style="font-size:10px">{Caption}</div>{/block:Caption}{/block:Audio}
  515.  
  516. {block:Answer}<div id="coverme"><div id="talkbubble"><div id="ask-icon"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker} asked:</div><div id="question">{question}</div></div></div><div id="answer"><br>{Answer}</div>{/block:Answer}
  517.  
  518. </div>
  519.  
  520. {block:hastags}<div id="tags">{block:tags}<a href="{TagURL}">#{Tag}</a>{/block:tags}</div>{/block:hastags}
  521.  
  522. </div>{/block:posts}
  523.  
  524. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span id="current">{CurrentPage}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}
  525.  
  526. </div>
  527.  
  528. <div id="cr"><a href="http://harknesses.tumblr.com">SKYRIM THEMES</a></div>
  529.  
  530. </body>
  531. </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!