API tools faq
paste
Advertisement
kingdap

Nicaea

kingdap
May 1st, 2013
512
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.50 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Nicaea by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Q&A Posts: excolo
  6. Gears: shiseptiana
  7.  
  8. Please keep the credits intact! You're free to make changes to the theme, but only for personal use.
  9.  
  10. -------------------------------------------------------------------------->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <meta name= "image:Background" content="http://static.tumblr.com/fp8s385/pLlmm3ayn/desu2_bg.jpg">
  19. <meta name= "image:Background 2" content="http://static.tumblr.com/fp8s385/pLlmm3ayn/desu2_bg.jpg">
  20. <meta name= "image:Sidebar" content="http://static.tumblr.com/a19742ca02a5a3a544e0dd67d65e70f4/fp8s385/rlSmlsig9/tumblr_static_sauce.jpg">
  21. <meta name= "image:NavBar BG" content="">
  22.  
  23. <meta name= "color:Background" content="#182d85">
  24. <meta name= "color:Background 2" content="#01060c">
  25. <meta name= "color:Post Background" content="#000000">
  26.  
  27. <meta name= "color:Sidebar" content="#000000">
  28. <meta name= "color:Description" content="#c5c5c9">
  29. <meta name= "color:Description Link" content="#0db1dd">
  30. <meta name= "color:Description Link Hover" content="#becddf">
  31. <meta name= "color:Line" content="#000000">
  32. <meta name= "color:Nav Color" content="#eee9e9">
  33. <meta name= "color:Nav Hover" content="#85c6f3">
  34. <meta name= "color:Title" content="#c7c8c9">
  35. <meta name= "color:Title Hover" content="#999797">
  36.  
  37. <meta name= "color:NavBar BG" content="#000000">
  38. <meta name= "color:NavBar Link" content="#fcfcfc">
  39. <meta name= "color:NavBar Link Hover" content="#b9b8b8">
  40.  
  41. <meta name= "color:Text" content="#bdbbbb">
  42. <meta name= "color:Emphasis Text" content="#9c9797">
  43. <meta name= "color:Link Post" content="#b3b1b1">
  44. <meta name= "color:Link Post Hover" content="#b5d6ec">
  45. <meta name= "color:Links" content="#6d6d6d">
  46. <meta name= "color:Links Hover" content="#c5c5c5">
  47. <meta name= "color:Pagination" content="#cecccc">
  48. <meta name= "color:Pagination Hover" content="#8f9091">
  49. <meta name= "color:Permalink" content="#ebe7e7">
  50. <meta name= "color:Permalink Hover" content="#8f9091">
  51. <meta name= "color:Tags" content="#e0dcdc">
  52. <meta name= "color:Tags Hover" content="#888787">
  53. <meta name= "color:Ask BG" content="#4e4c4c">
  54. <meta name= "color:Ask Text" content="#c7c4c4">
  55.  
  56. <meta name= "color:Chat BG 1" content="#797777">
  57. <meta name= "color:Chat Text 1" content="#000000">
  58. <meta name= "color:Chat BG 2" content="#b8b6b6">
  59. <meta name= "color:Chat Text 2" content="#5e5a5a">
  60.  
  61. <meta name= "color:Scrollbar" content="#0569a3">
  62. <meta name= "color:Scrollbar Background" content="#ffffff">
  63.  
  64. <meta name="if:Rounded Borders" content="0">
  65. <meta name="if:400 Post" content="1">
  66. <meta name="if:Show Tags" content="1">
  67. <meta name="if:Infinite Scroll" content="1">
  68. <meta name="if:Captions" content="1">
  69. <meta name="if:Music Player" content="1">
  70. <meta name="if:Month Day Year Date Format" content="1">
  71.  
  72. <meta name="text:Link 1" content="Link 1"/>
  73. <meta name="text:Link 1 URL" content="/"/>
  74. <meta name="text:Link 2" content="Link 2"/>
  75. <meta name="text:Link 2 URL" content="/"/>
  76. <meta name="text:Link 3" content="Link 3"/>
  77. <meta name="text:Link 3 URL" content="/"/>
  78. <meta name="text:Link 4" content="Link 4"/>
  79. <meta name="text:Link 4 URL" content="/"/>
  80. <meta name="text:Music Code" content="/"/>
  81.  
  82. <meta name="font:Body Font" content="Century Gothic">
  83. <meta name="font:Description Font" content="Century Gothic">
  84.  
  85. <title>{Title}</title>
  86.  
  87. <link rel="shortcut icon" href="{Favicon}" />
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90.  
  91. <style type= "text/css">
  92.  
  93. ::-webkit-scrollbar-thumb:vertical {
  94. background-color:{color:Scrollbar};
  95. height: 30px;
  96. border-radius: 4px;
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. background-color:{color:Scrollbar Background};
  101. height:4px;
  102. border-radius: 4px;
  103. width:4px;
  104. }
  105.  
  106. @font-face {
  107. font-family: Metamorphous;
  108. src:url('https://dl.dropboxusercontent.com/u/81174604/Metamorphous-Regular.ttf');
  109. }
  110.  
  111. @font-face {
  112. font-family: Governor;
  113. src:url('https://dl.dropboxusercontent.com/u/81174604/governor.ttf');
  114. }
  115.  
  116. body {
  117. background-attachment: fixed;
  118. background-image: url('{image:Background}');
  119. background-color: {color:Background};
  120. font-family: {font:Body Font};
  121. margin-left: 0px;
  122. margin-top: 0px;
  123. }
  124.  
  125. a:link, a:active, a:visited {
  126. text-decoration:none;
  127. color: {color:Links};
  128. -webkit-transition: all 0.6s ease-out;
  129. -moz-transition: all 0.6s ease-out;
  130. -o-transition: all 0.6s ease-out;
  131. }
  132.  
  133. a:hover {
  134. color: {color:Links Hover};
  135. }
  136.  
  137. b, strong, .strong, i, em, .em {
  138. color:{color:Emphasis Text};
  139. }
  140.  
  141. blockquote {
  142. border-left: 2px solid {color:Text};
  143. padding-left: 7px;
  144. }
  145.  
  146. #tumblr_controls{
  147. position: fixed;
  148. right: 0px;
  149. top: 0px;
  150. }
  151.  
  152. /*BG2*/
  153. #bg2 {
  154. top: 0px;
  155. left: 0px;
  156. width:210px;
  157. height: 100%;
  158. position: fixed;
  159. background-color: {color:Background 2};
  160. background-image: url('{image:Background 2}');
  161. z-index:0;
  162. }
  163.  
  164. /*TITLE*/
  165. .title {
  166. width: 175px;
  167. font-family: Metamorphous;
  168. text-align: center;
  169. font-size: 22px;
  170. color: #fff;
  171. margin-top: -7px;
  172. padding: 7px 7px 0px 7px;
  173. }
  174.  
  175. .title a {
  176. color: {color:Title};
  177. -webkit-transition: all 0.6s ease-out;
  178. -moz-transition: all 0.6s ease-out;
  179. -o-transition: all 0.6s ease-out;
  180. }
  181.  
  182. .title a:hover {
  183. color: {color:Title Hover};
  184. }
  185.  
  186. /*SIDEBAR*/
  187. #sidebar {
  188. margin-left: 120px;
  189. margin-top: 25px;
  190. position: fixed;
  191. z-index: 99;
  192. }
  193.  
  194. #sideimg {
  195. width: 175px;
  196. margin-top: 0px;
  197. height: auto;
  198. position: relative;
  199. z-index: 99;
  200. }
  201.  
  202. #sideimg img {
  203. border: 7px solid {color:Sidebar};
  204. background-color: {color:Sidebar};
  205. }
  206.  
  207. /*DESCRIPTION*/
  208. .desc {
  209. font-family: {font:Description Font};
  210. overflow: auto;
  211. font-size: 11px;
  212. color: {color:Description};
  213. width: 175px;
  214. margin-top: -3px;
  215. padding: 0px 7px 7px 7px;
  216. text-align: center;
  217. height: 125px;
  218. }
  219.  
  220. .desc a {
  221. color: {color:Description Link};
  222. -webkit-transition: all 0.6s ease-out;
  223. -moz-transition: all 0.6s ease-out;
  224. -o-transition: all 0.6s ease-out;
  225. }
  226.  
  227. .desc a:hover {
  228. color: {color:Description Link Hover};
  229. }
  230.  
  231. /*LINE*/
  232. .vertline {
  233. position: fixed;
  234. height: 100%;
  235. top: 0px;
  236. margin-left: 210px;
  237. width: 10px;
  238. background-color: {color:Line};
  239. }
  240.  
  241. /*NAV*/
  242. .nav1 {
  243. margin-left: -32px;
  244. margin-top: 15px;
  245. line-height: 0;
  246. position: absolute;
  247. -webkit-transition: all 0.8s ease-out;
  248. -moz-transition: all 0.8s ease-out;
  249. -o-transition: all 0.8s ease-out;
  250. }
  251.  
  252. .nav2 {
  253. margin-left: -32px;
  254. margin-top: 50px;
  255. line-height: 0;
  256. position: absolute;
  257. -webkit-transition: all 0.8s ease-out;
  258. -moz-transition: all 0.8s ease-out;
  259. -o-transition: all 0.8s ease-out;
  260. }
  261.  
  262. .nav3 {
  263. margin-left: -32px;
  264. margin-top: 85px;
  265. line-height: 0;
  266. position: absolute;
  267. -webkit-transition: all 0.8s ease-out;
  268. -moz-transition: all 0.8s ease-out;
  269. -o-transition: all 0.8s ease-out;
  270. }
  271.  
  272. .nav4 {
  273. margin-left: -32px;
  274. margin-top: 120px;
  275. line-height: 0;
  276. position: absolute;
  277. -webkit-transition: all 0.8s ease-out;
  278. -moz-transition: all 0.8s ease-out;
  279. -o-transition: all 0.8s ease-out;
  280. }
  281.  
  282. .nav1 img {
  283. -webkit-transition: all 4s ease-out;
  284. -moz-transition: all 4s ease-out;
  285. -o-transition: all 4s ease-out;
  286. }
  287.  
  288. .nav1 img:hover {
  289. transform: rotate(360deg);
  290. -ms-transform: rotate(360deg);
  291. -webkit-transform: rotate(360deg);
  292. }
  293.  
  294. .nav1:hover {
  295. margin-left: -75px;
  296. }
  297.  
  298. .nav2 img {
  299. -webkit-transition: all 4s ease-out;
  300. -moz-transition: all 4s ease-out;
  301. -o-transition: all 4s ease-out;
  302. }
  303.  
  304. .nav2 img:hover {
  305. transform: rotate(360deg);
  306. -ms-transform: rotate(360deg);
  307. -webkit-transform: rotate(360deg);
  308. }
  309.  
  310. .nav2:hover {
  311. margin-left: -75px;
  312. }
  313.  
  314. .nav3 img {
  315. -webkit-transition: all 4s ease-out;
  316. -moz-transition: all 4s ease-out;
  317. -o-transition: all 4s ease-out;
  318. }
  319.  
  320. .nav3 img:hover {
  321. transform: rotate(360deg);
  322. -ms-transform: rotate(360deg);
  323. -webkit-transform: rotate(360deg);
  324. }
  325.  
  326. .nav3:hover {
  327. margin-left: -75px;
  328. }
  329.  
  330. .nav4 img {
  331. -webkit-transition: all 4s ease-out;
  332. -moz-transition: all 4s ease-out;
  333. -o-transition: all 4s ease-out;
  334. }
  335.  
  336. .nav4 img:hover {
  337. transform: rotate(360deg);
  338. -ms-transform: rotate(360deg);
  339. -webkit-transform: rotate(360deg);
  340. }
  341.  
  342. .nav4:hover {
  343. margin-left: -75px;
  344. }
  345.  
  346. .navtext {
  347. width: 31px;
  348. text-align: center;
  349. font-family: calibri;
  350. text-transform: uppercase;
  351. letter-spacing: 2px;
  352. font-size:9px;
  353. line-height: 0px;
  354. margin-top: -10px;
  355. margin-left: 33px;
  356. margin-bottom: 18px;
  357. }
  358.  
  359. .navtext a {
  360. color: {color:Nav Color};
  361. }
  362.  
  363. .navtext a:hover {
  364. color: {color:Nav Hover};
  365. }
  366.  
  367. /*NAVBAR*/
  368. .navbar {
  369. top: 0px;
  370. width: 100%;
  371. height: 50px;
  372. position: fixed;
  373. background-image: url('{image:NavBar BG}');
  374. background-color: {color:NavBar BG};
  375. z-index: 99;
  376. -webkit-transition: all 0.6s ease-out;
  377. -moz-transition: all 0.6s ease-out;
  378. -o-transition: all 0.6s ease-out;
  379. }
  380.  
  381. .navlink {
  382. padding: 1px;
  383. width: 100px;
  384. font-family: trebuchet ms;
  385. text-transform: uppercase;
  386. letter-spacing: 1px;
  387. font-size: 10px;
  388. text-align: center;
  389. height: 13px;
  390. margin-top: 2px;
  391. background-color: transparent;
  392. display:inline-block;
  393. margin-right: 10px;
  394. -webkit-transition: all 0.6s ease-out;
  395. -moz-transition: all 0.6s ease-out;
  396. -o-transition: all 0.6s ease-out;
  397. }
  398.  
  399. .navlink a {
  400. color: {color:NavBar Link};
  401. }
  402.  
  403. .navlink a:hover {
  404. color:{color:NavBar Link Hover};
  405. }
  406.  
  407. .gear img {
  408. margin-top: 10px;
  409. margin-left: -60px;
  410. -webkit-transition: all 3s ease-out;
  411. -moz-transition: all 3s ease-out;
  412. -o-transition: all 3s ease-out;
  413. }
  414.  
  415. .navlink:hover .gear img {
  416. transform: rotate(360deg);
  417. -ms-transform: rotate(360deg);
  418. -webkit-transform: rotate(360deg);
  419. }
  420.  
  421. /*POST*/
  422. #content {
  423. width: 100%;
  424. margin-top: 100px;
  425. margin-bottom: 17px;
  426. z-index: 9999;
  427. }
  428.  
  429. .posts {
  430. {block:if400Post}
  431. width: 400px;
  432. {/block:if400Post}
  433. {block:ifnot400Post}
  434. width: 500px;
  435. {/block:ifnot400Post}
  436. margin-bottom: 30px;
  437. padding: 10px;
  438. font-family: {font:Body Font};
  439. font-size: 11px;
  440. text-align: left;
  441. letter-spacing: 1px;
  442. line-height: 15px;
  443. {block:ifRoundedBorders}
  444. border-radius: 7px;
  445. {/block:ifRoundedBorders}
  446. color: {color:Text};
  447. z-index: 90;
  448. background-color: {color:Post Background};
  449. overflow: visible;
  450. }
  451.  
  452. /*TEXT*/
  453. .ttitle {
  454. font-family: {font:Body Font};
  455. font-size: 18px;
  456. text-align: center;
  457. color: {color:Text};
  458. }
  459.  
  460. /*CAPTIONS*/
  461. .caption {
  462. margin-top: -5px;
  463. margin-bottom:-10px;
  464. }
  465.  
  466. /*LINK*/
  467. .ltitle {
  468. font-family: {font:Body Font};
  469. font-size: 18px;
  470. text-align: center;
  471. color: {color:Link Post};
  472. -webkit-transition: all 0.7s linear;
  473. -moz-transition: all 0.7s linear;
  474. -o-transition: all 0.7s linear;
  475. }
  476.  
  477. .ltitle a {
  478. padding-bottom: 10px;
  479. border-bottom: 0px solid transparent;
  480. color: {color:Link Post};
  481. }
  482.  
  483. .ltitle a:hover {
  484. padding-bottom: 0px;
  485. border-bottom: 1px solid {color:Link Post};
  486. color: {color:Link Post Hover};
  487. }
  488.  
  489. /*CHAT*/
  490. .line.even {
  491. background-color: {color:Chat BG 2};
  492. padding: 1px 0px 1px 4px;
  493. color: {color:Chat Text 2};
  494. }
  495.  
  496. .line.even b {
  497. color: {color:Chat Text 2};
  498. }
  499.  
  500. .line.odd {
  501. background-color: {color:Chat BG 1};
  502. padding:1px 0px 1px 4px;
  503. color: {color:Chat Text 1};
  504. }
  505.  
  506. .line.odd b {
  507. color: {color:Chat Text 1};
  508. }
  509.  
  510. /*QUOTE*/
  511. .quote {
  512. font-family: Governor;
  513. line-height: 18px;
  514. font-size: 15px;
  515. text-align: center;
  516. text-transform: none;
  517. }
  518.  
  519. .source {
  520. text-align: right;
  521. }
  522.  
  523. /*AUDIO*/
  524. .album {
  525. width: 150px;
  526. height: 150px;
  527. background-color: transparent;
  528. }
  529.  
  530. .album img {
  531. width: 150px;
  532. height: 150px;
  533. overflow: hidden;
  534. }
  535.  
  536. .player {
  537. width: 20px;
  538. height: 27px;
  539. overflow: hidden;
  540. padding-left: 7px;
  541. padding-right: 11px;
  542. padding-top: 5px;
  543. padding-bottom: 6px;
  544. position: absolute;
  545. margin-left: 55px;
  546. margin-top: 55px;
  547. background-color: #fff;
  548. border-radius: 30px;
  549. opacity: 0.9;
  550. z-index: 10;
  551. }
  552.  
  553. .track {
  554. position: absolute;
  555. margin-left: 160px;
  556. margin-top: -145px;
  557. text-align: left;
  558. line-height: 17px;
  559. z-index: 1;
  560. }
  561.  
  562. /*ASK*/
  563. #ask {
  564. {block:if400Post}
  565. width: 310px;
  566. height: auto;
  567. padding: 5px;
  568. {/block:if400Post}
  569. {block:ifnot400Post}
  570. width: 410px;
  571. height: auto;
  572. padding: 5px;
  573. {/block:ifnot400Post}
  574. {block:ifRoundedBorders}
  575. border-radius: 5px;
  576. {/block:ifRoundedBorders}
  577. background-color: {color:Ask BG};
  578. color: {color:Ask Text};
  579. }
  580.  
  581. .portrait {
  582. float: left;
  583. }
  584.  
  585. .portrait img {
  586. border: 3px solid {color:Ask BG};
  587. }
  588.  
  589. .triangle {
  590. margin-top: -3px;
  591. position: absolute;
  592. margin-left: 30px;
  593. font-family: Arial;
  594. font-size: 30px;
  595. color: {color:Ask BG};
  596. }
  597.  
  598. .asker {
  599. position: static;
  600. margin-left: 60px;
  601. }
  602.  
  603. .asker a {
  604. margin-left: 0px;
  605. }
  606.  
  607. .answer {
  608. margin-top:-5px;
  609. margin-bottom: -10px;
  610. position: relative;
  611. height: auto;
  612. {block:if400Post}
  613. width: 300px;
  614. {/block:if400Post}
  615. {block:ifnot400Post}
  616. width: 500px;
  617. {/block:ifnot400Post}
  618. }
  619.  
  620. /*PERMALINK*/
  621. .permalink {
  622. width: 50px;
  623. position: absolute;
  624. height: 100px;
  625. padding-right: 10px;
  626. padding-top:2px;
  627. padding-left: 10px;
  628. {block:if400Post}
  629. margin-left: 407px;
  630. {/block:if400Post}
  631. {block:ifnot400Post}
  632. margin-left: 507px;
  633. {/block:ifnot400Post}
  634. float:top;
  635. opacity: 1;
  636. margin-top:-6px;
  637. text-align:left;
  638. z-index: 5;
  639. -webkit-transition: all 0.4s ease-out;
  640. -moz-transition: all 0.4s ease-out;
  641. -o-transition: all 0.4s ease-out;
  642. }
  643.  
  644. .permalink a {
  645. opacity:1;
  646. transition-duration: 0.6s;
  647. -moz-transition-duration: 0.6s;
  648. -webkit-transition-duration: 0.6s;
  649. -o-transition-duration: 0.6s;
  650. }
  651.  
  652. .perm {
  653. opacity: 0;
  654. position: absolute;
  655. color: {color:Permalink};
  656. font-family: Century Gothic;
  657. margin-top: -8px;
  658. -webkit-transition: all 0.6s ease-out;
  659. -moz-transition: all 0.6s ease-out;
  660. -o-transition: all 0.6s ease-out;
  661. }
  662.  
  663. .permalink:hover .perm {
  664. opacity: 1;
  665. margin-top: 2px;
  666. }
  667.  
  668. .perm a {
  669. color: {color:Permalink};
  670. -webkit-transition: all 0.6s ease-out;
  671. -moz-transition: all 0.6s ease-out;
  672. -o-transition: all 0.6s ease-out;
  673. }
  674.  
  675. .perm a:hover {
  676. color: {color:Permalink Hover};
  677. }
  678.  
  679. /*TAGS*/
  680. .tags {
  681. opacity: 1;
  682. font-family: century gothic;
  683. text-transform: none;
  684. font-size: 9px;
  685. line-height:10px;
  686. margin-top: -25px;
  687. margin-bottom: 35px;
  688. margin-left:7px;
  689. letter-spacing: 1px;
  690. color:{color:Tags};
  691. z-index:1000;
  692. {block:if400Post}
  693. width: 400px;
  694. {/block:if400Post}
  695. {block:ifnot400Post}
  696. width:500px;
  697. {/block:ifnot400Post}
  698. -webkit-transition: all 0.6s ease-in-out;
  699. -moz-transition: all 0.6s ease-in-out;
  700. -o-transition: all 0.6s ease-in-out;
  701. -ms-transition: all 0.6s ease-in-out;
  702. transition: all 0.6s ease-in-out;
  703. }
  704.  
  705. .tags a {
  706. color:{color:Tags};
  707. }
  708.  
  709. .tags a:hover {
  710. color:{color:Tags Hover};
  711. }
  712.  
  713. /*PAGINATION*/
  714. .pagileft {
  715. margin-top: -53px;
  716. margin-left:-25px;
  717. position: absolute;
  718. }
  719.  
  720. .pagileft a {
  721. font-family: Calibri;
  722. font-size: 40px;
  723. color: {color:Pagination};
  724. -webkit-transition: all 0.6s ease-in-out;
  725. -moz-transition: all 0.6s ease-in-out;
  726. -o-transition: all 0.6s ease-in-out;
  727. -ms-transition: all 0.6s ease-in-out;
  728. transition: all 0.6s ease-in-out;
  729. }
  730.  
  731. .pagileft a:hover {
  732. color: {color:Pagination Hover};
  733. }
  734.  
  735. .pagiright {
  736. margin-top: -53px;
  737. margin-left: 192px;
  738. position: absolute;
  739. }
  740.  
  741. .pagiright a {
  742. font-family: Calibri;
  743. font-size: 40px;
  744. color: {color:Pagination};
  745. -webkit-transition: all 0.6s ease-in-out;
  746. -moz-transition: all 0.6s ease-in-out;
  747. -o-transition: all 0.6s ease-in-out;
  748. -ms-transition: all 0.6s ease-in-out;
  749. transition: all 0.6s ease-in-out;
  750. }
  751.  
  752. .pagiright a:hover {
  753. color: {color:Pagination Hover};
  754. }
  755.  
  756. /*PERMALINK PAGE*/
  757. .notess {
  758. font-family: {font:Body Font};
  759. text-align: left;
  760. font-size: 11px;
  761. border: 10px solid {color:Post Background};
  762. background-color: {color:Post Background};
  763. color: {color:Text};
  764. {block:if400Post}
  765. width: 400px;
  766. {/block:if400Post}
  767. {block:ifnot400Post}
  768. width:500px;
  769. {/block:ifnot400Post}
  770. }
  771.  
  772. /*MUSIC PLAYER*/
  773. .musicplayer {
  774. height: 17px;
  775. width: 17px;
  776. padding: 2px;
  777. margin-left: 187px;
  778. border: 3px solid {color:Sidebar};
  779. background-color: {color:Sidebar};
  780. margin-top: 4px;
  781. position: absolute;;
  782. z-index:9;
  783. {block:ifRoundedBorders}
  784. border-top-right-radius: 10px;
  785. border-bottom-right-radius: 10px;
  786. {/block:ifRoundedBorders}
  787. -webkit-transition: all 0.6s ease-in-out;
  788. -moz-transition: all 0.6s ease-in-out;
  789. -o-transition: all 0.6s ease-in-out;
  790. -ms-transition: all 0.6s ease-in-out;
  791. transition: all 0.6s ease-in-out;
  792. }
  793.  
  794. .musicplayer img {
  795. height: 17px;
  796. }
  797.  
  798. .billyplayer {
  799. height: 0px;
  800. width: 0px;
  801. overflow: hidden;
  802. padding: 0px 42px 24px 0px;
  803. margin-left: 170px;
  804. margin-top: 4px;
  805. background-color: {color:Sidebar};
  806. border: 1px solid {color:Sidebar};
  807. opacity: 0;
  808. position: absolute;
  809. {block:ifRoundedBorders}
  810. border-top-right-radius: 10px;
  811. border-bottom-right-radius: 10px;
  812. {/block:ifRoundedBorders}
  813. z-index:99;
  814. -webkit-transition: all 0.6s ease-in-out;
  815. -moz-transition: all 0.6s ease-in-out;
  816. -o-transition: all 0.6s ease-in-out;
  817. -ms-transition: all 0.6s ease-in-out;
  818. transition: all 0.6s ease-in-out;
  819. }
  820.  
  821. .billyplayer:hover{
  822. opacity: 1;
  823. }
  824.  
  825. .billy {
  826. margin-top: -5px;
  827. }
  828.  
  829. </style>
  830.  
  831.  
  832. </head>
  833.  
  834. <body>
  835.  
  836. <div id="bg2"></div>
  837.  
  838. <div class="navbar">
  839. <center>
  840. <div class="navlink">
  841. <div class="gear">
  842. <img src="http://static.tumblr.com/fp8s385/jV1mm3atv/gear2.png"/>
  843. </div>
  844. <div style="margin-top: -20px;"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  845. </div>
  846.  
  847. <div class="navlink">
  848. <div class="gear">
  849. <img src="http://static.tumblr.com/fp8s385/jV1mm3atv/gear2.png"/>
  850. </div>
  851. <div style="margin-top: -20px;"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  852. </div>
  853.  
  854. <div class="navlink">
  855. <div class="gear"><img src="http://static.tumblr.com/fp8s385/jV1mm3atv/gear2.png"/></div>
  856. <div style="margin-top: -20px;"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  857. </div>
  858.  
  859. <div class="navlink">
  860. <div class="gear"><img src="http://static.tumblr.com/fp8s385/jV1mm3atv/gear2.png"/></div>
  861. <div style="margin-top: -20px;"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  862. </div>
  863. </center>
  864. </div>
  865.  
  866. <div id="sidebar">
  867.  
  868. {block:ifMusicPlayer}
  869. <div class="musicplayer"><img src="http://static.tumblr.com/fp8s385/ln7mm3asb/yoz.png"/></div>
  870.  
  871. <div class="billyplayer">
  872.  
  873. <div class="billy"></div>
  874. {text:Music Code}
  875.  
  876. </div>
  877. {/block:ifMusicPlayer}
  878.  
  879. <div class="nav">
  880. <div class="nav1">
  881. <a href="/"><img src="http://static.tumblr.com/fp8s385/I73mm3a9b/yo.png"/></a>
  882. <div class="navtext"> <a href="/">Home</a></div>
  883. </div>
  884. <div class="nav2">
  885. <a href="/ask"><img src="http://static.tumblr.com/fp8s385/I73mm3a9b/yo.png"/></a>
  886. <div class="navtext"><a href="/ask">Ask</a></div>
  887. </div>
  888. <div class="nav3">
  889. <a href="/archive"><img src="http://static.tumblr.com/fp8s385/I73mm3a9b/yo.png"/></a>
  890. <div class="navtext"><a href="/archive">Past</a></div>
  891. </div>
  892. <div class="nav4">
  893. <a href="http://mfe-themes.tumblr.com/"><img src="http://static.tumblr.com/fp8s385/I73mm3a9b/yo.png"/></a>
  894. <div class="navtext"><a href="http://mfe-themes.tumblr.com/">Theme</a></div>
  895. </div>
  896. <div id="sideimg">
  897. <img src="{image:Sidebar}" width="175px"/>
  898. </div>
  899.  
  900. {block:ifnotInfiniteScroll}
  901. {block:Pagination}
  902. {block:PreviousPage}
  903. <div class="pagileft">
  904. <a class="jump_page" href="{PreviousPage}">«</a>
  905. </div>
  906. {/block:PreviousPage}
  907. {block:NextPage}
  908. <div class="pagiright">
  909. <a class="jump_page" href="{NextPage}">»</a>
  910. </div>
  911. {/block:NextPage}
  912. {/block:Pagination}
  913. {/block:ifnotInfiniteScroll}
  914.  
  915. <div class="title"><a href="/">{Title}</a></div>
  916. <div class="desc">
  917. {block:Description}
  918. {Description}
  919. {/block:Description}
  920. </div>
  921. </div>
  922.  
  923. </div>
  924.  
  925. <div class="vertline"></div>
  926.  
  927. <div id="content">
  928. <center>
  929.  
  930. {block:Posts}
  931.  
  932. {block:IfInfiniteScroll}
  933. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  934. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  935. <div class="autopagerize_page_element">
  936. {/block:IfInfiniteScroll}
  937.  
  938. <div class="posts">
  939.  
  940. {block:IndexPage}
  941. <div class="permalink">
  942. <a href="{Permalink}">
  943. <img src="http://static.tumblr.com/fp8s385/ln7mm3asb/yoz.png">
  944. </a>
  945. <div class="perm">
  946. <a href="{ReblogURL}">reblog</a><br>
  947. <a href="{Permalink}"><font face="Verdana">ћ</font>{NoteCount}</a>
  948. </div>
  949. </div>
  950. {/block:IndexPage}
  951.  
  952.  
  953. {block:Text}
  954. {block:Title}<div class="ttitle">{Title}</div>{/block:Title}
  955. {Body}
  956. {/block:Text}
  957.  
  958. {block:Photo}
  959. <center>
  960. {block:if400Post}
  961. <img src="{PhotoURL-400}">
  962. {/block:if400Post}
  963. {block:ifnot400Post}
  964. <img src="{PhotoURL-500}">
  965. {/block:ifnot400Post}
  966. </center>
  967.  
  968. {block:IndexPage}
  969. {block:ifCaptions}
  970. {block:Caption}
  971. <div class="caption">
  972. {Caption}
  973. </div>
  974. {/block:Caption}
  975. {/block:ifCaptions}
  976. {/block:IndexPage}
  977.  
  978. {block:PermalinkPage}
  979. {block:Caption}
  980. <div class="caption">
  981. {Caption}
  982. </div>
  983. {/block:Caption}
  984. {/block:PermalinkPage}
  985. {/block:Photo}
  986.  
  987. {block:Photoset}
  988. {block:if400Post}
  989. {Photoset-400}
  990. {/block:if400Post}
  991. {block:ifnot400Post}
  992. {Photoset-500}
  993. {/block:ifnot400Post}
  994.  
  995. {block:IndexPage}
  996. {block:ifCaptions}
  997. {block:Caption}
  998. <div class="caption">
  999. {Caption}
  1000. </div>
  1001. {/block:Caption}
  1002. {/block:ifCaptions}
  1003. {/block:IndexPage}
  1004.  
  1005. {block:PermalinkPage}
  1006. {block:Caption}
  1007. <div class="caption">
  1008. {Caption}
  1009. </div>
  1010. {/block:Caption}
  1011. {/block:PermalinkPage}
  1012.  
  1013. {/block:Photoset}
  1014.  
  1015. {block:Quote}
  1016. <div class="quote">
  1017. {Quote}
  1018. </div>
  1019. <br>
  1020. <div class="source">— {Source}</div>
  1021. {/block:Quote}
  1022.  
  1023. {block:Link}
  1024. <div class="ltitle"><a href="{URL}">{Name}</a></div>
  1025. {block:Description}{Description}{/block:Description}
  1026. {/block:Link}
  1027.  
  1028. {block:Chat}
  1029. {block:Title}<div class="ttitle">{Title}</div>
  1030. <div style="margin-bottom: 5px"></div>{/block:Title}
  1031. {block:Lines}
  1032. <div class="line {Alt}">{block:Label}<b>{Label}</b>
  1033. {/block:Label}
  1034. {Line}<br></div>
  1035. {/block:Lines}
  1036. {/block:Chat}
  1037.  
  1038. {block:Video}
  1039. {block:if400Post}
  1040. {Video-400}
  1041. {/block:if400Post}
  1042. {block:ifnot400Post}
  1043. {Video-500}
  1044. {/block:ifnot400Post}
  1045.  
  1046. {block:IndexPage}
  1047. {block:ifCaptions}
  1048. {block:Caption}
  1049. <div class="caption">
  1050. {Caption}
  1051. </div>
  1052. {/block:Caption}
  1053. {/block:ifCaptions}
  1054. {/block:IndexPage}
  1055.  
  1056. {block:PermalinkPage}
  1057. {block:Caption}
  1058. <div class="caption">
  1059. {Caption}
  1060. </div>
  1061. {/block:Caption}
  1062. {/block:PermalinkPage}
  1063.  
  1064. {/block:Video}
  1065.  
  1066. {block:Audio}
  1067. {block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1068.  
  1069. <div class="album">
  1070. {block:AlbumArt}
  1071. <img src="{AlbumArtURL}">
  1072. {/block:AlbumArt}
  1073. </div>
  1074.  
  1075. <div class="track">
  1076. {block:TrackName}
  1077. <b>Track: </b>{TrackName}
  1078. {/block:TrackName}
  1079. <br/>
  1080. {block:Artist}
  1081. <b>Artist: </b>{Artist}
  1082. {/block:Artist}
  1083. <br/>
  1084. {block:Album}
  1085. <b>Album: </b>{Album}
  1086. {/block:Album}
  1087. </div>
  1088.  
  1089. {block:IndexPage}
  1090. {block:ifCaptions}
  1091. {block:Caption}
  1092. <div class="caption">
  1093. {Caption}
  1094. </div>
  1095. {/block:Caption}
  1096. {/block:ifCaptions}
  1097. {/block:IndexPage}
  1098.  
  1099. {block:PermalinkPage}
  1100. {block:Caption}
  1101. <div class="caption">
  1102. {Caption}
  1103. </div>
  1104. {/block:Caption}
  1105. {/block:PermalinkPage}
  1106.  
  1107. {/block:Audio}
  1108.  
  1109. {block:Answer}
  1110. <table style="margin-top: -3px;margin-left:-3px;padding-bottom:0px;margin-bottom:5px;">
  1111. <tr>
  1112. <td style="vertical-align:top;padding-right:7px;">
  1113. <div class="portrait"><img src="{AskerPortraitURL-64}"></div></td>
  1114. <td style="vertical-align:top;">
  1115. <div id="ask">
  1116. {Question}
  1117. </div>
  1118. <div class="triangle">◥</div><div class="asker">{Asker}</div>
  1119. </td>
  1120. </tr>
  1121. </table>
  1122. <div style ="margin-top: -3px;">
  1123. {Answer}
  1124. </div>
  1125. {/block:Answer}
  1126.  
  1127. {block:PermalinkPage}
  1128. <div style="margin-top: 15px;"></div>
  1129. {block:HasTags}
  1130. <div style="font-size: 9px; font-family: {font:Body Font}; text-align: left; margin-top: 10px; text-align: center;">
  1131. {block:Tags}♦ <a href="{TagURL}">{Tag}</a>&nbsp&nbsp{/block:Tags}
  1132. </div>
  1133. {/block:HasTags}
  1134.  
  1135. <div style="padding-top: 5px;"></div>
  1136.  
  1137. <div style="padding-bottom: 5px; margin-bottom: 3px; margin-top: 3px; border-top: 1px solid {color:Text};"></div>
  1138.  
  1139. {block:RebloggedFrom}
  1140. <center>
  1141. <a href="{ReblogRootURL}">origin</a> ♦
  1142. <a href="{ReblogParentURL}">via</a>
  1143. </center>
  1144. {/block:RebloggedFrom}
  1145.  
  1146. {block:ContentSource}
  1147. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1148. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1149. {/block:SourceLogo}
  1150. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1151. {/block:ContentSource}
  1152.  
  1153. {block:Date}
  1154. <center>
  1155.  
  1156. {block:ifMonthDayYearDateFormat}
  1157. posted {12Hour}:{Minutes}{AmPm} on {MonthNumber}.{DayOfMonth}.{Year}
  1158. {block:ifMonthDayYearDateFormat}
  1159.  
  1160. {block:ifnotMonthDayYearDateFormat}
  1161. posted {24Hour}:{Minutes} on {DayOfMonth}.{MonthNumber}.{Year}
  1162. {/block:ifnotMonthDayYearDateFormat}
  1163.  
  1164. </center>
  1165. {/block:Date}
  1166.  
  1167. <div style="margin-bottom: -3px;"></div>
  1168.  
  1169. {/block:PermalinkPage}
  1170.  
  1171. </div>
  1172.  
  1173. {block:PermalinkPage}
  1174. {block:PostNotes}
  1175. <div class="notess">
  1176. <div style="text-align: center;">{NoteCount} notes</div>
  1177. <div style="margin-top:-5px;"></div>
  1178. {PostNotes}
  1179. </div>
  1180. {/block:PostNotes}
  1181. {/block:PermalinkPage}
  1182.  
  1183. {block:IndexPage}
  1184. {block:IfShowTags}{block:HasTags}
  1185. <div class="tags">
  1186. {block:Tags}♦ <a href="{TagURL}">{Tag}</a>&nbsp&nbsp{/block:Tags}
  1187. </div>
  1188. {/block:HasTags}
  1189. {/block:IfShowTags}
  1190. {/block:IndexPage}
  1191.  
  1192. {/block:Posts}
  1193. </center>
  1194. </div>
  1195.  
  1196. </body>
  1197.  
  1198. </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!