API tools faq
paste
Advertisement
themesbygeorgia

Theme #32 Revamp - Cityscape

themesbygeorgia
Aug 22nd, 2014
3,476
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.39 KB | None | 0 0
raw download clone embed print report
  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>
  4.  
  5. <!--Theme #32 Revamp - Cityscape by wonderfullythemes
  6.  
  7. dont remove the credit pls and thanks-->
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  14. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  18. <stsss>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("a[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:200,
  25. tip_fade_speed:300,
  26. attribute:"title"
  27. });
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32. <script src="js/jquery.js"></script>
  33. <script>
  34. $(function(){
  35. $("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
  36. $(".post").wrap("<td>");
  37. });
  38. </script>
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function(){
  43. $(".message").click(function(){
  44. $(".post").show();
  45. });
  46.  
  47. $(".message").click(function(){
  48. $(".sidebar").hide();
  49. });
  50. });
  51. </script>
  52.  
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function(){
  56. $(".index").click(function(){
  57. $(".post").show();
  58. });
  59.  
  60. $(".index").click(function(){
  61. $(".sidebar").hide();
  62. });
  63.  
  64. $(".index").click(function(){
  65. $(".faq").hide();
  66. });
  67.  
  68. $(".index").click(function(){
  69. $(".tags").hide();
  70. })
  71.  
  72. $(".index").click(function(){
  73. $(".updateinfo").hide();
  74. })
  75.  
  76. });
  77. </script>
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script>
  81. $(document).ready(function(){
  82. $(".mail").click(function(){
  83. $(".faq").show();
  84. });
  85.  
  86. $(".mail").click(function(){
  87. $(".sidebar").hide();
  88. });
  89.  
  90. $(".mail").click(function(){
  91. $(".post").hide();
  92. });
  93.  
  94. $(".mail").click(function(){
  95. $(".tags").hide();
  96. });
  97.  
  98. $(".mail").click(function(){
  99. $(".updateinfo").hide();
  100. });
  101. });
  102. </script>
  103.  
  104. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  105. <script>
  106. $(document).ready(function(){
  107. $(".map").click(function(){
  108. $(".tags").show();
  109. });
  110.  
  111. $(".map").click(function(){
  112. $(".sidebar").hide();
  113. });
  114.  
  115. $(".map").click(function(){
  116. $(".post").hide();
  117. });
  118.  
  119. $(".map").click(function(){
  120. $(".faq").hide();
  121. });
  122.  
  123. $(".map").click(function(){
  124. $(".updateinfo").hide();
  125. });
  126. });
  127. </script>
  128.  
  129. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  130. <script>
  131. $(document).ready(function(){
  132. $(".updates").click(function(){
  133. $(".updateinfo").show();
  134. });
  135.  
  136. $(".updates").click(function(){
  137. $(".sidebar").hide();
  138. });
  139.  
  140. $(".updates").click(function(){
  141. $(".post").hide();
  142. });
  143.  
  144. $(".updates").click(function(){
  145. $(".faq").hide();
  146. });
  147.  
  148. $(".updates").click(function(){
  149. $(".tags").hide();
  150. });
  151. });
  152. </script>
  153.  
  154. <meta name="color:Background" content="#fff" />
  155. <meta name="color:Link" content="#1bcc5c" />
  156. <meta name="color:Hover" content="#444" />
  157. <meta name="color:Text" content="#444" />
  158. <meta name="color:Title" content="#ddd" />
  159. <meta name="color:NavLinks" content="#fff" />
  160. <meta name="color:NavLinks Border" content="#fff" />
  161. <meta name="color:NavLinks Hover" content="#fff" />
  162. <meta name="color:NavLinks Border Hover" content="#fff" />
  163. <meta name="color:Post Title" content="#fff" />
  164. <meta name="color:Blockquote" content="#444" />
  165. <meta name="color:Chat Bg Odd" content="#ddd" />
  166. <meta name="color:Chat Bg Even" content="#444" />
  167. <meta name="color:Asker Icon Border" content="#ddd" />
  168. <meta name="color:Ask Background" content="#000" />
  169. <meta name="color:Ask Text" content="#fff" />
  170. <meta name="color:Ask Link" content="#ddd" />
  171. <meta name="color:Ask Link Hover" content="#ccc" />
  172. <meta name="color:Question Text" content="#444" />
  173. <meta name="color:Question Border" content="#ddd" />
  174. <meta name="color:Answer Text" content="#444" />
  175. <meta name="color:Answer Border" content="#ddd" />
  176. <meta name="color:Permalink Text" content="#fff" />
  177. <meta name="color:Permalink Links" content="#ddd" />
  178. <meta name="color:Permalink Links Hover" content="#444" />
  179. <meta name="color:Scrollbar" content="#444" />
  180. <meta name="color:Tooltip Background" content="#000" />
  181. <meta name="color:Tooltip Text" content="#fff" />
  182. <meta name="color:Tooltip Border" content="#fff" />
  183.  
  184. <meta name="image:Background" content="" />
  185.  
  186. <meta name="if:Grayscale" content="1" />
  187.  
  188.  
  189. <meta name="text:Welcome Message" content="click for posts" />
  190. <meta name="text:FAQ" content="your Frequently Asked Questions here" />
  191. <meta name="text:Your URL" content="your url here" />
  192. <meta name="text:Updates" content="your updates here" />
  193. <meta name="text:Link1" content="/" />
  194. <meta name="text:Link1 Text" content="Link 1" />
  195. <meta name="text:Link2" content="/" />
  196. <meta name="text:Link2 Text" content="Link 2" />
  197. <meta name="text:Link3" content="/" />
  198. <meta name="text:Link3 Text" content="Link 3" />
  199. <meta name="text:Link4" content="/" />
  200. <meta name="text:Link4 Text" content="Link 4" />
  201. <meta name="text:Link5" content="/" />
  202. <meta name="text:Link5 Text" content="Link 5" />
  203. <meta name="text:Link6" content="/" />
  204. <meta name="text:Link6 Text" content="Link 6" />
  205. <meta name="text:Link7" content="/" />
  206. <meta name="text:Link7 Text" content="Link 7" />
  207. <meta name="text:Link8" content="/" />
  208. <meta name="text:Link8 Text" content="Link 8" />
  209. <meta name="text:Link9" content="/" />
  210. <meta name="text:Link9 Text" content="Link 9" />
  211. <meta name="text:Link10" content="/" />
  212. <meta name="text:Link10 Text" content="Link 10" />
  213. <meta name="text:Link11" content="/" />
  214. <meta name="text:Link11 Text" content="Link 11" />
  215. <meta name="text:Link12" content="/" />
  216. <meta name="text:Link12 Text" content="Link 12" />
  217. <meta name="text:Link13" content="/" />
  218. <meta name="text:Link13 Text" content="Link 13" />
  219. <meta name="text:Link14" content="/" />
  220. <meta name="text:Link14 Text" content="Link 14" />
  221. <meta name="text:Link15" content="/" />
  222. <meta name="text:Link15 Text" content="Link 15" />
  223. <meta name="text:Link16" content="/" />
  224. <meta name="text:Link16 Text" content="Link 16" />
  225.  
  226.  
  227. <style type="text/css">
  228.  
  229. ::-webkit-scrollbar-thumb {
  230. height:auto;
  231. background-color:{color:Scrollbar};
  232. }
  233.  
  234. ::-webkit-scrollbar {
  235. height:6px;
  236. width:4px;
  237. padding-right:2px;
  238. background-color:transparent;
  239. }
  240.  
  241. #s-m-t-tooltip {
  242. max-width:200px;
  243. font-family:'calibri';
  244. font-size:11px;
  245. background-color:{color:Tooltip Background};
  246. color:{color:Tooltip Text};
  247. border:1px solid {color:Tooltip Border};
  248. line-height:9px;
  249. display:none;
  250. position:absolute;
  251. letter-spacing:1px;
  252. text-transform:uppercase;
  253. padding:10px;
  254. margin:15px 0px 0px 15px;
  255. z-index:99999999999999;
  256. }
  257.  
  258. {block:IfGrayscale}
  259. img{
  260. -webkit-filter: grayscale(100%);
  261. -webkit-transition-duration: 0.8s;
  262. -moz-transition-duration: 0.8s;
  263. -o-transition-duration: 0.8s;
  264. -ms-transition-duration: 0.8s;
  265. }
  266.  
  267. img:hover{
  268. -webkit-filter: grayscale(0%);
  269. -webkit-transition-duration: 0.8s;
  270. -moz-transition-duration: 0.8s;
  271. -o-transition-duration: 0.8s;
  272. -ms-transition-duration: 0.8s;
  273. z-index: 2px;
  274. }
  275.  
  276. .html_photoset {
  277. -webkit-filter: grayscale(100%);
  278. -webkit-transition-duration: 0.8s;
  279. -moz-transition-duration: 0.8s;
  280. -o-transition-duration: 0.8s;
  281. -ms-transition-duration: 0.8s;
  282. }
  283.  
  284. .html_photoset:hover{
  285. -webkit-filter: grayscale(0%);
  286. -webkit-transition-duration: 0.8s;
  287. -moz-transition-duration: 0.8s;
  288. -o-transition-duration: 0.8s;
  289. -ms-transition-duration: 0.8s;
  290. z-index: 2px;
  291. }
  292. {/block:IfGrayscale}
  293.  
  294. body {
  295. background:{color:Background};
  296. background-image: url({image:Background});
  297. background-attachment: fixed;
  298. background-repeat:no-repeat;
  299. background-size:cover;
  300. color:{color:Text};
  301. font-family:'corbel';
  302. font-size:14px;
  303. text-decoration:none;
  304. text-transform:none;
  305. margin:auto;
  306. }
  307.  
  308. a {
  309. color:{color:Link};
  310. text-decoration:underline;
  311. -moz-transition-duration:0.7s;
  312. -webkit-transition-duration:0.7s;
  313. -o-transition-duration:0.7s;
  314. }
  315.  
  316. a:hover {
  317. color:{color:Hover};
  318. -moz-transition-duration:0.7s;
  319. -webkit-transition-duration:0.7s;
  320. -o-transition-duration:0.7s;
  321. }
  322.  
  323. h2 {
  324. text-align:center;
  325. text-decoration:underline;
  326. color:{color:Post Title};
  327. }
  328.  
  329. h2 a {
  330. color:{color:Link};
  331. }
  332.  
  333. li {
  334. list-style:square;
  335. }
  336.  
  337. blockquote {
  338. border-left:2px solid {color:Blockquote};
  339. padding-left:5px;
  340. }
  341.  
  342. img, blockquote, li, h2 {
  343. max-width:100%;
  344. }
  345.  
  346. #container {
  347. margin:auto;
  348. top:0;
  349. left:0;
  350. right:0;
  351. bottom:0;
  352. position:fixed;
  353. width:650px;
  354. height:400px;
  355. border:1px solid {color:Container Border};
  356. overflow-x:scroll;
  357. overflow-y:hidden;
  358. background: rgba(225,225,225,0.5);
  359. }
  360.  
  361. /*--SIDEBAR--*/
  362.  
  363. figure.effect-romeo {
  364. width:600px;
  365. height:380px;
  366. margin-left:5%;
  367. perspective:1000px;
  368. -webkit-perspective: 1000px;
  369. -moz-transition-duration:0.7s;
  370. -webkit-transition-duration:0.7s;
  371. -o-transition-duration:0.7s;
  372. }
  373.  
  374. figure.effect-romeo figcaption::before,
  375. figure.effect-romeo figcaption::after {
  376. position: absolute;
  377. top: 50%;
  378. left: 50%;
  379. width: 500px;
  380. height: 1px;
  381. background: {color:Title};
  382. content: '';
  383. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  384. transition: opacity 0.35s, transform 0.35s;
  385. -webkit-transform: translate3d(-50%,-50%,0);
  386. transform: translate3d(-50%,-50%,0);
  387. -moz-transition-duration:0.7s;
  388. -webkit-transition-duration:0.7s;
  389. -o-transition-duration:0.7s;
  390. }
  391.  
  392. figure.effect-romeo:hover figcaption::before {
  393. opacity: 0.5;
  394. -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
  395. transform: translate3d(-50%,-50%,0) rotate(45deg);
  396. -moz-transition-duration:0.7s;
  397. -webkit-transition-duration:0.7s;
  398. -o-transition-duration:0.7s;
  399. }
  400.  
  401. figure.effect-romeo:hover figcaption::after {
  402. opacity: 0.5;
  403. -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
  404. transform: translate3d(-50%,-50%,0) rotate(-45deg);
  405. -moz-transition-duration:0.7s;
  406. -webkit-transition-duration:0.7s;
  407. -o-transition-duration:0.7s;
  408. }
  409.  
  410. figure.effect-romeo h2,
  411. figure.effect-romeo p {
  412. color:{color:Title};
  413. position: absolute;
  414. top: 50%;
  415. left: 0;
  416. width: 100%;
  417. -webkit-transition: -webkit-transform 0.35s;
  418. transition: transform 0.35s;
  419. -moz-transition-duration:0.7s;
  420. -webkit-transition-duration:0.7s;
  421. -o-transition-duration:0.7s;
  422. }
  423.  
  424. figure.effect-romeo h2 {
  425. color:{color:Title};
  426. font-family:'calibri';
  427. text-transform:uppercase;
  428. text-decoration:none;
  429. letter-spacing:0.5em;
  430. -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
  431. transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
  432. -moz-transition-duration:0.7s;
  433. -webkit-transition-duration:0.7s;
  434. -o-transition-duration:0.7s;
  435. }
  436.  
  437. figure.effect-romeo p {
  438. color:{color:Title};
  439. text-align:center;
  440. font-size:15px;
  441. -webkit-opacity: 0;
  442. -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
  443. transform: translate3d(0,-50%,0) translate3d(0,150%,0);
  444. -moz-transition-duration:0.7s;
  445. -webkit-transition-duration:0.7s;
  446. -o-transition-duration:0.7s;
  447. }
  448.  
  449. figure.effect-romeo:hover h2 {
  450. -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
  451. transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
  452. -moz-transition-duration:0.7s;
  453. -webkit-transition-duration:0.7s;
  454. -o-transition-duration:0.7s;
  455. }
  456.  
  457. figure.effect-romeo:hover p {
  458. -webkit-opacity: 1;
  459. -webkit-transform: translate3d(0,-60%,0) translate3d(0,100%,0);
  460. transform: translate3d(0,-60%,0) translate3d(0,100%,0);
  461. -moz-transition-duration:0.7s;
  462. -webkit-transition-duration:0.7s;
  463. -o-transition-duration:0.7s;
  464. }
  465.  
  466. .sidebar {
  467.  
  468. }
  469.  
  470. .message {
  471. color:{color:Title};
  472. margin-top:10px;
  473. letter-spacing:2px;
  474. font-size:10px;
  475. text-transform:uppercase;
  476. width:auto;
  477. padding:7px;
  478. border:1px solid {color:Title};
  479. }
  480.  
  481. .message:hover {
  482. cursor:help;
  483. }
  484.  
  485. /*--LINKS--*/
  486. .links {
  487. width:auto;
  488. height:30px;
  489. line-height:50px;
  490. font-size:10px;
  491. text-transform:uppercase;
  492. position:absolute;
  493. top:30%;
  494. right:240px;
  495. }
  496.  
  497. .links a {
  498. text-decoration:none;
  499. padding:10px;
  500. letter-spacing:1px;
  501. color:{color:NavLinks};
  502. border:1px solid {color:NavLinks Border};
  503. -moz-transition-duration:0.7s;
  504. -webkit-transition-duration:0.7s;
  505. -o-transition-duration:0.7s;
  506. }
  507.  
  508. .links a:hover {
  509. color:{color:NavLinks Hover};
  510. border:1px solid {color:NavLinks Border Hover};
  511. -moz-transition-duration:0.7s;
  512. -webkit-transition-duration:0.7s;
  513. -o-transition-duration:0.7s;
  514. }
  515.  
  516. /*--PAGINATION--*/
  517.  
  518. #pagination {
  519. font-size:10px;
  520. text-transform:uppercase;
  521. text-align:center;
  522. line-height:10px;
  523. z-index:300;
  524. width:100%;
  525. float:center;
  526. bottom:70px;
  527. position:absolute;
  528. }
  529.  
  530. #pagination a {
  531. text-decoration:none;
  532. padding:5px 7px 5px 7px;
  533. color:{color:Link};
  534. border:1px solid {color:Link};
  535. }
  536.  
  537. #pagination a:hover {
  538. color:{color:Hover};
  539. border:1px solid {color:Hover};
  540. }
  541.  
  542. .current_page {
  543. padding:5px 7px 5px 7px;
  544. }
  545.  
  546. .jump_page {
  547. color:blue;
  548. padding:5px 7px 5px 7px;
  549. }
  550.  
  551. #entries {
  552. width:600px;
  553. height:auto;
  554. position:relative;
  555. float:left;
  556. padding-right:5px;
  557. }
  558.  
  559. .post {
  560. display:none;
  561. width:250px;
  562. height:350px;
  563. padding:30px 30px 0 30px;
  564. overflow-y:scroll;
  565. }
  566.  
  567. tr {
  568. vertical-align: top;
  569. }
  570.  
  571. .post img{
  572. max-height:100%;
  573. max-width:100%;}
  574.  
  575. /*--POST TYPES--*/
  576. #askericon {
  577. width:100%x;
  578. text-align:center;
  579. }
  580.  
  581. #askericon img {
  582. padding:10px;
  583. border:1px solid {color:Asker Icon Border};
  584. margin-bottom:10px;
  585. }
  586.  
  587. .user {
  588. font-size:13px;
  589. width:auto;
  590. background-color:{color:Ask Background};
  591. padding:5px;
  592. letter-spacing:-1px;
  593. color:{color:Ask Text};
  594. }
  595.  
  596. .user a {
  597. color:{color:Ask Link};
  598. }
  599.  
  600. .user a:hover {
  601. color:{color:Ask Link Hover};
  602. letter-spacing:1px;
  603. }
  604.  
  605. .question {
  606. color:{color:Question Text};
  607. border-top:1px solid {color:Question Border};
  608. padding-top:10px;
  609. margin-top:10px;
  610. padding-bottom:5px;
  611. position:relative;
  612. text-align:center;
  613. }
  614.  
  615. .answer {
  616. text-align:center;
  617. color:{color:Answer Text};
  618. border-top:1px solid {color:Answer Border};
  619. margin-top:10px;
  620. max-width:250px;
  621. }
  622.  
  623. .quote {
  624. font-size:18px;
  625. font-style:italic;
  626. }
  627.  
  628. .chat li {
  629. list-style:none;
  630. }
  631.  
  632. .line_odd {
  633. color:{color:Chat Bg Odd};
  634. }
  635.  
  636. .line_even {
  637. color:{color:Chat Bg Even};
  638. }
  639.  
  640. .playerbuttonbg {
  641. position: absolute;
  642. left: 20px;
  643. top: 20px;
  644. width: 19px;
  645. height: 19px;
  646. background-color: #fff;
  647. padding: 10px;
  648. opacity: .4;
  649. filter: alpha(opacity=40);
  650. -moz-opacity: 0.4;
  651. -khtml-opacity: 0.4;
  652. transition: opacity .7s ease-in-out;
  653. -moz-transition: opacity .7s ease-in-out;
  654. -webkit-transition: opacity .7s ease-in-out;
  655. }
  656.  
  657. .playerbuttonbg:hover {
  658. opacity: 1;
  659. filter: alpha(opacity=100);
  660. -moz-opacity: 1;
  661. -khtml-opacity: 1;
  662. }
  663.  
  664. .newplayerbutton {
  665. position: relative;
  666. width: 19px;
  667. height: 19px;
  668. overflow: hidden;
  669. }
  670.  
  671. .playerbuttonhug {
  672. position: absolute;
  673. top: -18px;
  674. left: -7px;
  675. }
  676.  
  677. .tumblr_audio_player {
  678. height: 90px;
  679. width: 270px;
  680. -moz-transform: scale(0.60, 0.60);
  681. -webkit-transform: scale(0.60, 0.60);
  682. -o-transform: scale(0.60, 0.60);
  683. -ms-transform: scale(0.60, 0.60);
  684. transform: scale(0.60, 0.60);
  685. -moz-transform-origin: top left;
  686. -webkit-transform-origin: top left;
  687. -o-transform-origin: top left;
  688. -ms-transform-origin: top left;
  689. transform-origin: top left;
  690. }
  691.  
  692. .audioimgwrapper {
  693. position: absolute;
  694. left: 0px;
  695. top: 0px;
  696. overflow: hidden;
  697. width: 79px;
  698. height: 79px;
  699. }
  700.  
  701. .audioimgwrapper img {
  702. width: 100%;
  703. height: auto;
  704. }
  705.  
  706. .trackdetails {
  707. width: auto;
  708. display:inline-block;
  709. margin-left: 90px;
  710. min-height: 85px;
  711. }
  712.  
  713. .audiowrapper {
  714. position: relative;
  715. display:inline-block;
  716. }
  717.  
  718. /*--LIKE/REBLOG/PERMALINK BUTTONS--*/
  719. .post:hover .like_and_reblog_buttons {
  720. opacity:1;
  721. -moz-transition-duration:0.7s;
  722. -webkit-transition-duration:0.7s;
  723. -o-transition-duration:0.7s;
  724. }
  725.  
  726. #wowposts {
  727. -moz-transition-duration:0.7s;
  728. -webkit-transition-duration:0.7s;
  729. -o-transition-duration:0.7s;
  730. }
  731.  
  732. .post:hover #wowposts {
  733. opacity:.8;
  734. -moz-transition-duration:0.7s;
  735. -webkit-transition-duration:0.7s;
  736. -o-transition-duration:0.7s;
  737. }
  738.  
  739. .post:hover .like_and_reblog_buttons {
  740. opacity:1;
  741. -moz-transition-duration:0.7s;
  742. -webkit-transition-duration:0.7s;
  743. -o-transition-duration:0.7s;
  744. }
  745.  
  746. .like_and_reblog_buttons {
  747. opacity:0;
  748. z-index:1000;
  749. position:absolute;
  750. list-style: none;
  751. -moz-transition-duration:0.7s;
  752. -webkit-transition-duration:0.7s;
  753. -o-transition-duration:0.7s;
  754. }
  755.  
  756. .like_and_reblog_buttons li {
  757. background-color:#000;
  758. list-style:none;
  759. padding:10px;
  760. height:20px;
  761. width:20px;
  762. -moz-transition-duration:0.7s;
  763. -webkit-transition-duration:0.7s;
  764. -o-transition-duration:0.7s;
  765. }
  766.  
  767. .like_and_reblog_buttons li a {
  768. color:white;
  769. }
  770.  
  771. .like_and_reblog_buttons li a:hover {
  772. color:white;
  773. }
  774.  
  775. /*--CREDIT--*/
  776. #spectrum {
  777. bottom:9px;
  778. right:7px;
  779. font-size:8px;
  780. font-family:'calibri';
  781. letter-spacing:1px;
  782. text-transform:uppercase;
  783. position:fixed;
  784. }
  785.  
  786. /*--PERMALINK--*/
  787. #footer {
  788. margin-left:280px;
  789. position:absolute;
  790. line-height:20px;
  791. width:230px;
  792. max-height:310px;
  793. padding:5px;
  794. color:{color:Permalink Text};
  795. overflow-y:scroll;
  796. border-left:1px solid white;
  797. padding-left:10px;
  798. }
  799.  
  800. #footer a {
  801. text-decoration:none;
  802. color:{color:Permalink Links};
  803. }
  804.  
  805. #footer a:hover {
  806. font-style:italic;
  807. color:{color:Permalink Links Hover};
  808. }
  809.  
  810. .index:hover {
  811. cursor:help;
  812. }
  813.  
  814. .mail:hover {
  815. cursor:help;
  816. }
  817.  
  818. .faq {
  819. position:absolute;
  820. padding:50px;
  821. width:545px;
  822. max-height:350px;
  823. overflow-y:scroll;
  824. display:none;
  825. }
  826.  
  827. .faqinfo {
  828. padding-top:50px;
  829. position:absolute;
  830. width:250px;
  831. height:300px;
  832. right:50px;
  833. top:0;
  834. overflow-y:scroll;
  835. line-height:20px;
  836. }
  837.  
  838. .faqinfo li {
  839. list-style:decimal;
  840. }
  841.  
  842. .map:hover {
  843. cursor:help;
  844. }
  845.  
  846. .tags {
  847. position:absolute;
  848. margin-left:25px;
  849. padding-top:100px;
  850. padding-left:50px;
  851. padding-bottom:50px;
  852. width:545px;
  853. height:300px;
  854. display:none;
  855. }
  856.  
  857. #tagscontainer {
  858. display:table;
  859. width:100%;
  860. float:center;
  861. }
  862.  
  863. #singletag {
  864. display:table-cell;
  865. height:100px;
  866. width:100%;
  867. padding:0;
  868. margin:0;
  869. }
  870.  
  871. #singletag a {
  872. font-size:10px;
  873. text-transform:uppercase;
  874. line-height:10px;
  875. height:10px;
  876. width:70px;
  877. padding:10px;
  878. display:inline-block;
  879. margin-right:40px;
  880. margin-bottom:20px;
  881. border:1px solid {color:NavLinks Border};
  882. text-decoration:none;
  883. text-align:center;
  884. color:{color:NavLinks};
  885. -moz-transition-duration:0.7s;
  886. -webkit-transition-duration:0.7s;
  887. -o-transition-duration:0.7s;
  888. }
  889.  
  890. #singletag a:hover {
  891. color:{color:NavLinks Hover};
  892. border:1px solid {color:NavLinks Border Hover};
  893. -moz-transition-duration:0.7s;
  894. -webkit-transition-duration:0.7s;
  895. -o-transition-duration:0.7s;
  896. }
  897.  
  898. .updates:hover {
  899. cursor:help;
  900. }
  901.  
  902. .updateinfo {
  903. position:absolute;
  904. padding:50px;
  905. width:545px;
  906. max-height:350px;
  907. overflow-y:scroll;
  908. display:none;
  909. }
  910.  
  911. {CustomCSS}</style></head><body>
  912.  
  913. <div class="links">
  914. <a class="index">Index</a><br>
  915. <a class="mail">Message</a><br>
  916. <a class="map">Navigation</a><br>
  917. <a class="updates">Updates</a><br>
  918. <a href="/archive">Archive</a>
  919. </div>
  920.  
  921. <div id="container">
  922.  
  923. <div class="faq">
  924.  
  925. <iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" width="250"></iframe>
  926.  
  927. <div class="faqinfo">
  928.  
  929. {text:FAQ}
  930.  
  931. </div>
  932.  
  933.  
  934. </div>
  935.  
  936. <div class="tags">
  937.  
  938. <div id="tagscontainer">
  939.  
  940. <div id="singletag">
  941.  
  942. <a href="{text:Link1}">{text:Link1 Text}</a>
  943. <a href="{text:Link2}">{text:Link2 Text}</a>
  944. <a href="{text:Link3}">{text:Link3 Text}</a>
  945. <a href="{text:Link4}">{text:Link4 Text}</a>
  946. <a href="{text:Link5}">{text:Link5 Text}</a>
  947. <a href="{text:Link6}">{text:Link6 Text}</a>
  948. <a href="{text:Link7}">{text:Link7 Text}</a>
  949. <a href="{text:Link8}">{text:Link8 Text}</a>
  950. <a href="{text:Link9}">{text:Link9 Text}</a>
  951. <a href="{text:Link10}">{text:Link10 Text}</a>
  952. <a href="{text:Link11}">{text:Link11 Text}</a>
  953. <a href="{text:Link12}">{text:Link12 Text}</a>
  954. <a href="{text:Link13}">{text:Link13 Text}</a>
  955. <a href="{text:Link14}">{text:Link14 Text}</a>
  956. <a href="{text:Link15}">{text:Link15 Text}</a>
  957. <a href="{text:Link16}">{text:Link16 Text}</a>
  958.  
  959. </div>
  960.  
  961. </div>
  962.  
  963. </div>
  964.  
  965. <div class="updateinfo">
  966.  
  967. {text:Updates}
  968.  
  969.  
  970. </div>
  971.  
  972. <div class="sidebar">
  973. <figure class="effect-romeo">
  974. <figcaption>
  975. <h2>{Title}</h2>
  976.  
  977. <p>{Description}
  978.  
  979. <br><br>
  980. <span class="message">{text:Welcome Message}</span>
  981.  
  982. </p>
  983.  
  984. </figcaption>
  985.  
  986. </figure>
  987.  
  988. </div>
  989.  
  990. <table>
  991. <div id="entries"><tr>{block:Posts}<td>
  992.  
  993. <article class="post">
  994.  
  995. {block:PermalinkPage}
  996. <div id="footer">
  997. {block:Date}Posted {Month} {DayOfMonth}{DayOfMonthWithSuffix} {Year}</a>
  998. {block:NoteCount}<br>with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  999. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1000. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  1001. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}{/block:Date}
  1002. </div>
  1003. {/block:PermalinkPage}
  1004.  
  1005. {block:IndexPage}
  1006. <div class="like_and_reblog_buttons">
  1007. <li>{ReblogButton color="white"}</li>
  1008. <li style="margin-top:-40px;margin-left:50px">{LikeButton color="white"}</li>
  1009. <li style="margin-top:-40px;margin-left:100px;"><a href="{Permalink}" title="permalink"><i class="fa fa-comments"></i></a></li>
  1010. </div>
  1011. {/block:IndexPage}
  1012.  
  1013. <div id="wowposts">
  1014.  
  1015. {block:Text}
  1016. {block:Title}<h2>{Title}</h2>{/block:Title}
  1017. {Body}
  1018. {/block:Text}
  1019.  
  1020. {block:Answer}
  1021.  
  1022. <div id="askericon"><img src="{AskerPortraitURL-48}"/></div>
  1023.  
  1024. <div class="user">{Asker} asked: </div>
  1025.  
  1026. <div class="question">{Question}</div>
  1027.  
  1028. <div class="answer">{Answer}</div>
  1029. {/block:Answer}
  1030.  
  1031. {block:Quote}
  1032. <span class="quote"><span style="color:{color:Link};font-style:none">“</span>{Quote}<span style="color:{color:Link};font-style:none">”</span></span>
  1033. {block:Source} -{Source}{/block:Source}
  1034. {/block:Quote}
  1035.  
  1036. {block:Link}
  1037. <h2><a href="{URL}">{Name}</a></h2>
  1038. {block:Description}{Description}{/block:Description}
  1039. {/block:Link}
  1040.  
  1041.  
  1042. {block:Chat}
  1043. {block:Title}<h2>{Title}</h2>{/block:Title}
  1044. {block:Lines}<span class="chat">
  1045. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
  1046. {/block:Lines}
  1047.  
  1048.  
  1049. {/block:Chat}
  1050.  
  1051. {block:Photo}
  1052. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{LinkCloseTag}
  1053. {block:Caption}{Caption}{/block:Caption}
  1054. {/block:Photo}
  1055.  
  1056. {block:Photoset}
  1057. {Photoset-250}
  1058. {block:Caption}{Caption}{/block:Caption}
  1059. {/block:Photoset}
  1060.  
  1061. {block:Audio}
  1062. {block:AudioPlayer}
  1063. <div class="audiowrapper">
  1064. {block:AlbumArt}
  1065. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1066. {/block:AlbumArt}
  1067.  
  1068. <div class="playerbuttonbg">
  1069. <div class="newplayerbutton">
  1070. <div class="playerbuttonhug">
  1071.  
  1072. {AudioPlayerWhite}
  1073.  
  1074. </div>
  1075. </div>
  1076. </div>
  1077.  
  1078. <div class="trackdetails">
  1079.  
  1080. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  1081. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  1082. {block:Album}Album: {Album}<br>{/block:Album}
  1083. {PlayCountWithLabel}
  1084.  
  1085. </div>
  1086. </div>
  1087. {/block:AudioPlayer}
  1088.  
  1089. {block:Caption}{Caption}{/block:Caption}
  1090. {/block:Audio}
  1091.  
  1092. {block:Video}
  1093. {Video-250}
  1094. {block:Caption}{Caption}{/block:Caption}
  1095. {/block:Video}
  1096.  
  1097.  
  1098. </div>
  1099.  
  1100.  
  1101. </article>
  1102. </td>{/block:Posts}</tr>
  1103.  
  1104. </div></table>
  1105.  
  1106. </div>
  1107.  
  1108. <div id="pagination">
  1109.  
  1110. {block:Pagination}{block:PreviousPage}
  1111. <a href="{PreviousPage}">back</a>
  1112. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}&nbsp;
  1113. <span class="current_page">{PageNumber}</span>
  1114. {/block:CurrentPage}{block:JumpPage}
  1115. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;
  1116. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1117. <a href="{NextPage}">Next</a>
  1118. {/block:NextPage}{/block:Pagination}
  1119.  
  1120. </div>
  1121.  
  1122. <div id="spectrum">
  1123. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  1124. </div>
  1125.  
  1126.  
  1127. </body>
  1128. </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!