API tools faq
paste
Advertisement
kearuga

04. Sentinel

kearuga
Mar 15th, 2014
901
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. ******************************************************************
  14. THEME : 04. S E N T I N E L
  15. VERSION : PUBLIC;
  16. DESIGNED BY : CALSYFUR.TUMBLR.COM
  17.  
  18. ******************************************************************
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29. -->
  30.  
  31. <meta name="color:Background" content="#fff" />
  32. <meta name="color:Theme color" content="#5c5c5c"/>
  33. <meta name="color:Body links" content="#f4931c" />
  34. <meta name="color:Hover links" content="#7ac9ff">
  35. <meta name="color:Body text" content="#525252" />
  36. <meta name="color:Sidebar text" content="#f6f6f6" />
  37. <meta name="color:Post color" content="#f8f8f7" />
  38. <meta name="color:Text highlight" content="#14c2d3" />
  39. <meta name="color:Scrollbar" content="#666666"/>
  40. <meta name="color:Ask background" content="#ffdeb5"/>
  41. <meta name="font:Body" content="Arial"/>
  42. <meta name="if:Infinite scroll" content="0"/>
  43. <meta name="if:Sidebar search" content="1"/>
  44. <meta name="if:Show Captions" content="1"/>
  45. <meta name="if:Show Scroll To Top" content="1"/>
  46. <meta name="text:Google Analytics ID" content=''/>
  47. <meta name="image:Background" content="" />
  48. <meta name="text:Custom Link One" content=""/>
  49. <meta name="text:Custom Link One URL" content=""/>
  50. <meta name="text:Custom Link Two" content=""/>
  51. <meta name="text:Custom Link Two URL" content=""/>
  52. <meta name="text:Custom Link Three" content=""/>
  53. <meta name="text:Custom Link Three URL" content=""/>
  54. <meta name="text:Custom Link Four" content=""/>
  55. <meta name="text:Custom Link Four URL" content=""/>
  56. <meta name="text:Custom Link Five" content=""/>
  57. <meta name="text:Custom Link Five URL" content=""/>
  58. <meta name="text:Custom Link Six" content=""/>
  59. <meta name="text:Custom Link Six URL" content=""/>
  60. <meta name="text:Custom Link Seven" content=""/>
  61. <meta name="text:Custom Link Seven URL" content=""/>
  62. <meta name="text:Custom Link Eight" content=""/>
  63. <meta name="text:Custom Link Eight URL" content=""/>
  64. <meta name="text:Custom Link Nine" content=""/>
  65. <meta name="text:Custom Link Nine URL" content=""/>
  66. <meta name="text:Custom Link Ten" content=""/>
  67. <meta name="text:Custom Link Ten URL" content=""/>
  68.  
  69.  
  70. {block:Description}
  71. <meta name="description" content="{MetaDescription}" />
  72. {/block:Description}
  73.  
  74. <meta charset="utf-8">
  75. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  76. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  77. <link rel="shortcut icon" href="{Favicon}">
  78. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  79. <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
  80. <link href="http://static.tumblr.com/bpmgss9/c5emeg1a8/lightbox.css" rel="stylesheet" />
  81.  
  82. <!--Google WebFonts-->
  83. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  84. <!-- used-->
  85. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  86. <link href='http://fonts.googleapis.com/css?family=Dosis:600,800' rel='stylesheet' type='text/css'>
  87. <link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
  88. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  89. <link href='http://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
  90.  
  91. <style type="text/css">
  92.  
  93.  
  94. /*Basic styles*/
  95. ::-moz-selection {
  96. background: {color:Text highlight};
  97. color: #fff;
  98. }
  99. ::selection {
  100. background: {color:Text highlight};
  101. color: #fff;
  102. }
  103. ::-webkit-scrollbar {
  104. width: 5px;
  105. }
  106. ::-webkit-scrollbar-track-piece {
  107. background-color: {color:Background};
  108. }
  109. ::-webkit-scrollbar-thumb:vertical {
  110. width: 5px;
  111. background-color: {color:Scrollbar};
  112. }
  113. body {
  114. background: {color:Background} url('{image:Background}') fixed;
  115. color: {color:Body text};
  116. font-family: {font:Body}, 'Times New Roman', Helvetica;
  117. font-size: 11px;
  118. margin: 0;
  119. padding: 0;
  120. word-spacing: 0;
  121. overflow-x: hidden;
  122. }
  123. p {
  124. margin: 10px 0;
  125. padding: 0;
  126. clear: both;
  127. }
  128. ul {
  129. margin: 0;
  130. padding-right: 12px;
  131. list-style-type: square;
  132. }
  133. ol {
  134. margin-top: 0;
  135. margin-left: -10px;
  136. padding-right: 12px;
  137. }
  138. blockquote {
  139. background: rgba(120, 120, 120, 0);
  140. border-left: 1px solid rgba(60, 60, 60, 0.45);
  141. margin: 10px;
  142. padding-left: 5px;
  143. }
  144. #side-right blockquote {
  145. border-left: 1px solid {color:Sidebar text};
  146. }
  147. pre, code {
  148. display: block;
  149. background: rgba(237,237,237,0.9);
  150. margin: 2px;
  151. padding: 3px;
  152. }
  153. h1, h2, h3, h4, h5, h6 {
  154. font-family: tahoma;
  155. margin: 0;
  156. padding-left: 10px;
  157. color: {color:Sidebar title};
  158. }
  159.  
  160. b, strong {
  161. font-weight: bold;
  162. }
  163. a {
  164. color: {color:Body links};
  165. text-decoration: none;
  166. transition: all 0.16s ease-in;
  167. -webkit-transition: all 0.16s ease-in;
  168. -moz-transition: all 0.16s ease-in;
  169. -o-transition: all 0.16s ease-in;
  170.  
  171. }
  172. a:hover {
  173. color: {color:Hover links};
  174. }
  175. iframe, {block:IfNotInfiniteScroll}embed,{/block:IfNotInfiniteScroll} object, video {
  176. max-width: 100%;
  177. }
  178. video, iframe.tumblr_video_iframe, .tumblr_video_container {
  179. min-width: 500px;
  180. min-height: 260px;
  181. }
  182. iframe {
  183. width: 100%;
  184. }
  185. img, .photoset img {
  186. max-width: 100%;
  187. }
  188. .max-photo {
  189. min-width: 100%;
  190. }
  191.  
  192. b, strong {
  193. font-weight: bold;
  194. }
  195. u {
  196. }
  197. i, em {
  198. font-style: italic;
  199. }
  200.  
  201.  
  202.  
  203. /*Posts*/
  204. #post {
  205. background: {color:Post color};
  206. width: 500px;
  207. margin: 10px 0;
  208. padding: 10px;
  209. border: 1px solid rgba(240,240,240,0.9);
  210. transition: all 0.25s ease;
  211. -webkit-transition: all 0.25s ease;
  212. -moz-transition: all 0.25s ease;
  213. -o-transition: all 0.25s ease;
  214. }
  215. {block:IndexPage}
  216. #post:hover {
  217. border: 1px solid {color:Theme color};
  218. }
  219. #post:hover .post-notes {
  220. color: {color:Sidebar text};
  221. background: {color:Theme color};
  222. }
  223. {/block:IndexPage}
  224. .posts {
  225. background: {color:Post color};
  226. padding: 0;
  227. width: 500px;
  228. overflow: hidden;
  229. border-radius: 1px;
  230. -webkit-border-radius: 1px;
  231. -moz-border-radius: 1px;
  232. -o-border-radius: 1px;
  233. }
  234. .posts .photo {
  235. overflow: hidden;
  236. }
  237. .post-captions {
  238. background: {color:Post color};
  239. position: relative;
  240. z-index: 99999;
  241. }
  242. #content-wrapper {
  243. width: 1060px;
  244. margin: 0;
  245. padding: 0 30px;
  246. }
  247. #content {
  248. width: 550px;
  249. min-height: 100%;
  250. margin: 0;
  251. padding: 25px 0 0 25px;
  252. position: absolute;
  253. margin-left: 265px;
  254. z-index: 9000;
  255. }
  256. #side {
  257. height: 100%;
  258. position: fixed;
  259. font-family: arial, sans-serif;
  260. }
  261. #side ul {
  262. margin: 0;
  263. padding: 0;
  264. list-style-type: none;
  265. }
  266. #side-inner {
  267. margin: 0;
  268. padding: 10px;
  269. }
  270. #side h2 {
  271. position: relative;
  272. top: 0px;
  273. left: 0px;
  274. color: #fff;
  275. font-family: 'Lato';
  276. font-weight: 300;
  277. text-transform: uppercase;
  278. background: {color:Theme color};
  279. margin: 0;
  280. padding: 2px 12px;
  281. /* box-shadow: 2px 2px rgba(110,110,110,0.5); */
  282. }
  283. #side ul {
  284. background: rgba(250,250,250,1);
  285. margin: 0 0 25px 10px;
  286. padding: 3px 0;
  287. }
  288.  
  289. #menu {
  290. position: relative;
  291. top: 90px;
  292. left: 35px;
  293. margin-top: 10px;
  294. width: 220px;
  295. }
  296. #menu li {
  297. color: {color:Theme color};
  298. font-size: 11px;
  299. font-family: 'consolas';
  300. margin: 0;
  301. padding: 2px 5px;
  302. text-transform: capitalize;
  303. border-bottom: 1px dotted rgba(200,200,200,0.3);
  304. transition: all 0.25s ease;
  305. -webkit-transition: all 0.25s ease;
  306. -moz-transition: all 0.25s ease;
  307. -o-transition: all 0.25s ease;
  308. }
  309. #menu li:hover {
  310. padding: 2px 12px;
  311. color: #fff;
  312. background: {color:Theme color};
  313. border-bottom: 1px dotted {color:Theme color};
  314. }
  315. #menu li:hover:before {
  316. opacity: 1;
  317. left: -3px;
  318. color: {color:Theme color};
  319. }
  320. #menu li.first:hover:before {
  321. opacity: 1;
  322. left: -3px;
  323. color: #fff;
  324. }
  325. #menu li.first:before {
  326. color: #fff;
  327. content: ">";
  328. }
  329. #menu li:before {
  330. opacity: 0;
  331. padding: 2px 2px 3px 2px;
  332. color: {color:Theme color};
  333. content: ">";
  334. position: absolute;
  335. margin-top: -2px;
  336. left: -60px;
  337. transition: all 0.25s ease-out;
  338. -webkit-transition: all 0.25s ease-out;
  339. -moz-transition: all 0.25s ease-out;
  340. -o-transition: all 0.25s ease-out;
  341. }
  342. #menu li:active {
  343. background: {color:Body links};
  344. }
  345. #side-tri {
  346. width: 0px;
  347. height: 0px;
  348. border-style: solid;
  349. border-width: 205px 205px 0 0;
  350. border-color: {color:Theme color} transparent transparent transparent;
  351. position: fixed;
  352. top: 0;
  353. left: 0;
  354. }
  355. #main-title {
  356. max-width: 300px;
  357. font-size: 30px;
  358. font-family: 'Lato';
  359. text-transform: uppercase;
  360. background: {color:Theme color};
  361. margin: 40px 0 60px;
  362. padding: 0 20px;
  363. position: fixed;
  364. overflow: hidden;
  365. }
  366. #main-title a {
  367. position: relative;
  368. z-index: 1;
  369. color: #fff;
  370. transition: all 0.5s ease 0.25s;
  371. -webkit-transition: all 0.5s ease 0.25s;
  372. -moz-transition: all 0.5s ease 0.25s;
  373. -o-transition: all 0.5s ease 0.25s;
  374. }
  375. #main-title:before {
  376. opacity: 0;
  377. color: #fff;
  378. content: "\21b3";
  379. position: absolute;
  380. left: 0;
  381. transition: all 0.23s ease 0.25s;
  382. -webkit-transition: all 0.23s ease 0.25s;
  383. -moz-transition: all 0.23s ease 0.25s;
  384. -o-transition: all 0.23s ease 0.25s;
  385. }
  386. #main-title:after {
  387. color: #fff;
  388. content: "return";
  389. position: absolute;
  390. z-index: 0;
  391. margin-top: -30px;
  392. left: 20px;
  393. transition: all 0.5s ease 0;
  394. -webkit-transition: all 0.5s ease 0;
  395. -moz-transition: all 0.5s ease 0;
  396. -o-transition: all 0.5s ease 0;
  397. }
  398. #main-title:hover a {
  399. opacity: 0;
  400. transition: all 0.5s ease 0;
  401. -webkit-transition: all 0.5s ease 0;
  402. -moz-transition: all 0.5s ease 0;
  403. -o-transition: all 0.5s ease 0;
  404. }
  405. #main-title:hover:before {
  406. opacity: 1;
  407. }
  408. #main-title:hover:after {
  409. margin-top: 0;
  410. transition: all 0.35s ease 0.25s;
  411. -webkit-transition: all 0.35s ease 0.25s;
  412. -moz-transition: all 0.35s ease 0.25s;
  413. -o-transition: all 0.35s ease 0.25s;
  414. }
  415.  
  416. #side-right-wrap {
  417. width: 100%;
  418. height: 100%;
  419. position: fixed;
  420. margin: 0 0 0 850px;
  421. padding: 0 10px;
  422. text-align: justify;
  423. background: {color:Theme color};
  424. border-left: 5px solid {color:Background};
  425. outline: 1px solid {color:Theme color};
  426. }
  427. #side-right {
  428. color: {color:Sidebar text};
  429. width: 230px;
  430. height: 100%;
  431. display: table;
  432. }
  433. #side-right blockquote {
  434. color: {color:Body text};
  435. }
  436. #side-right-inner {
  437. width: 100%;
  438. margin: 0;
  439. padding: 10px;
  440. vertical-align: middle;
  441. display: table-cell;
  442. border-left: 1px solid {color:Background};
  443. }
  444. p.side-right-description {
  445. font-size: 11px;
  446. font-family: arial, times, helvetica;
  447. font-weight: normal;
  448. }
  449. #side-right p {
  450. color: {color:Sidebar text};
  451. margin: 10px 0;
  452. padding: 0;
  453. line-height: 11px;
  454. }
  455. /* Post Gear */
  456. /* answer + ask */
  457. .answer p {
  458. font-size: 11px;
  459. font-family: 'consolas', sans-serif;
  460. line-height: 12px;
  461. padding: 0 0 0 5px;
  462. }
  463. .ask-question {
  464. background: {color:Ask background};
  465. border: 1px solid {color:Ask background};
  466. padding: 10px;
  467. margin-left: 58px;
  468. margin-bottom: 10px;
  469. width: 420px;
  470. min-height: 80px;
  471. }
  472. .ask-img {
  473. position: absolute;
  474. left: 20px;
  475. height: 70px;
  476. width: 70px;
  477. border: 5px solid #fff;
  478. }
  479. .asker {
  480. width: 450px;
  481. font-size: 12px;
  482. font-family: 'consolas', sans-serif;
  483. background: {color:Post color};
  484. margin-bottom: 6px;
  485. padding: 0 5px;
  486. }
  487. .answerer {
  488. font-size: 12px;
  489. font-family: 'consolas', sans-serif;
  490. text-align: right;
  491. border-bottom: 1px solid {color:Theme color};
  492. margin-bottom: 9px;
  493. padding: 0 5px;
  494. }
  495. .ask-reply {
  496. width: 420px;
  497. padding: 10px;
  498. border: 1px solid {color:Theme color};
  499. }
  500. .answer-img {
  501. position: absolute;
  502. right: 20px;
  503. height: 70px;
  504. width: 70px;
  505. border: 5px solid #fff;
  506. }
  507. .replies {
  508. }
  509. /* audio player */
  510. .cover {
  511. width: 150px;
  512. position: relative;
  513. left: 0;
  514. }
  515. .audiopost {
  516. width: 100%;
  517. }
  518. .audio {
  519. width: 340px;
  520. position: relative;
  521. margin-top: -150px;
  522. left: 160px;
  523. }
  524. .tracks {
  525. width: 340px;
  526. position: relative;
  527. left: 160px;
  528. margin-bottom: 10px;
  529. }
  530. .tracks ul {
  531. width: 100%;
  532. margin: 0;
  533. padding: 0;
  534. list-style-type: none;
  535. }
  536. .tracks ul li {
  537. font-family: 'consolas';
  538. margin: 2px 0;
  539. padding: 6px 10px;
  540. border: 1px solid rgba(235,235,235,0.9);
  541. }
  542. /* quotes */
  543. .quote {
  544. font-family: 'playfair display';
  545. font-size: 32px;
  546. padding: 5px;
  547. line-height: 15px;
  548. }
  549. .quote:before {
  550. color: {color:Body links};
  551. content: "\201c";
  552. font-size: 80px;
  553. position: absolute;
  554. margin: 27px 0 0 0;
  555. }
  556. .quote:first-letter {
  557. display: inline-block;
  558. margin-left: 30px;
  559. }
  560. .quote blockquote {
  561. margin: 5px;
  562. padding: 5px;
  563. border-left: none;
  564. text-indent: 15px;
  565. line-height: 30px;
  566. text-align: center;
  567. }
  568. .quote cite {
  569. font-size: 18px;
  570. display: block;
  571. text-align: right;
  572. }
  573. /* chat */
  574. .chat {
  575. margin: 0;
  576. }
  577. .chat ul, ul.tags {
  578. margin: 0;
  579. padding: 0;
  580. list-style-type: none;
  581. }
  582. .chat li {
  583. margin: 5px 0;
  584. padding: 5px 10px;
  585. }
  586. .chat li.odd {
  587. border: 1px solid {color:Body links};
  588. }
  589. .chat li.odd span {
  590. color: {color:Body links};
  591. }
  592. .chat li.even {
  593. border: 1px solid rgba(210,210,210,1);
  594. }
  595. .chat li span {
  596. font-weight: bold;
  597. }
  598. /* text & link title */
  599. .text h1 {
  600. {block:IndexPage}
  601. margin: 0 0 10px 0;
  602. {/block:IndexPage}
  603. {block:PermalinkPage}
  604. margin: 15px 0 10px 0;
  605. {/block:PermalinkPage}
  606. padding: 0;
  607. font-family: 'Lato';
  608. font-weight: 300;
  609. border-bottom: 1px solid {color:Body links};
  610. }
  611. .linktitle {
  612. background: {color:Body links};
  613. font-weight: normal;
  614. font-family: 'Dosis';
  615. text-transform: uppercase;
  616. text-align: center;
  617. transition: all 0.16s ease-in;
  618. -webkit-transition: all 0.16s ease-in;
  619. -moz-transition: all 0.16s ease-in;
  620. -o-transition: all 0.16s ease-in;
  621. }
  622. .linktitle a {
  623. color: #fff;
  624. }
  625. .linktitle:hover {
  626. background: {color:Theme color};
  627. }
  628. .linktitle:after {
  629. content: "\25b6";
  630. color: #fff;
  631. position: absolute;
  632. margin-left: 10px;
  633. margin-top: -2px;
  634. }
  635.  
  636. #pfooter-inner{
  637. margin: 0;
  638. padding: 3px;
  639. text-transform: uppercase;
  640. }
  641. .post-notes {
  642. font-size: 11px;
  643. font-family: 'consolas';
  644. text-transform: lowercase;
  645. margin: 10px 0 0 0;
  646. padding: 5px 10px 5px 5px;
  647. left: 0;
  648. text-align: center;
  649. background: rgba(230,230,230,0.9);
  650. transition: all 0.25s ease;
  651. -webkit-transition: all 0.25s ease;
  652. -moz-transition: all 0.25s ease;
  653. -o-transition: all 0.25s ease;
  654. }
  655. .post-notes a {
  656. font-size: 11px;
  657. font-family: 'consolas';
  658. text-transform: lowercase;
  659. font-style: normal;
  660. }
  661. .met {
  662. text-align: center;
  663. margin: 0;
  664. padding: 0;
  665. }
  666. .met a {
  667. font-size: 9px;
  668. font-family: 'consolas';
  669. letter-spacing: 1px;
  670. padding: 0 5px;
  671. margin: 0;
  672. }
  673. .met a:hover {
  674. color: #fff;
  675. background: {color:Body links};
  676. }
  677. #permatags {
  678. margin: 30px 0 0 0;
  679. padding: 0;
  680. font-family: 'consolas';
  681. text-transform: uppercase;
  682. }
  683. .perma-inner {
  684. padding: 2px 15px;
  685. background: rgba(230,230,230,0.9);
  686. }
  687. .perma-dates {
  688. display: inline;
  689. text-align: left;
  690. }
  691. #via-link {
  692. display: inline;
  693. float: right;
  694. text-align: right;
  695. }
  696. #via-link a {
  697. display: inline;
  698. margin: 0 1px;
  699. padding: 0 3px;
  700. }
  701. #via-link a:hover {
  702. color: {color:Background};
  703. background: {color:Body links};
  704. }
  705. ul.tags {
  706. text-align: center;
  707. margin: 2px 0 0 0;
  708. border-top: 1px solid rgba(245,245,245,1);
  709. }
  710. .tags li {
  711. display: inline-block;
  712. }
  713. .tags a {
  714. padding: 0 7px;
  715. margin: 0;
  716. }
  717. .tags a:hover {
  718. color: #fff;
  719. background: {color:Body links};
  720. }
  721. #permanotes {
  722. position: relative;
  723. margin-top: 30px;
  724. padding: 0;
  725. max-height: 500px;
  726. overflow-x: hidden;
  727. }
  728. #permanotes img {
  729. max-width: 16px;
  730. }
  731. #permanotes li{
  732. clear: both;
  733. list-style: none;
  734. padding: 5px 1px;
  735. border-bottom: 1px dotted rgba(210,210,210,0.5);
  736. }
  737. .notes {
  738. clear: both;
  739. padding: 0;
  740. font-family: consolas;
  741. }
  742. .notes span {
  743. position: relative;
  744. top: -9px;
  745. }
  746. .notes img {
  747. margin: 5px;
  748. }
  749.  
  750. /* searchbar */
  751. .magnify {
  752. z-index: 5;
  753. position: absolute;
  754. margin-top: -24px;
  755. left: 0;
  756. padding: 5px;
  757. width: 210px;
  758. height: 14px;
  759. background: url('http://static.tumblr.com/bpmgss9/gOzn2gek1/magnifying7.png') center no-repeat;
  760. background-size: 20px 20px;
  761. background-color: {color:Theme color};
  762. transition: all 0.15s ease;
  763. }
  764. .magnify:hover, .magnify-two:hover {
  765. background-color: {color:Body links};
  766. }
  767. .magnify-two {
  768. z-index: 3;
  769. position: absolute;
  770. margin: 0 0 0 -3px;
  771. padding: 5px;
  772. width: 31px;
  773. height: 24px;
  774. border: none;
  775. color: #fff;
  776. background: url('http://static.tumblr.com/bpmgss9/gOzn2gek1/magnifying7.png') center no-repeat;
  777. background-size: 20px 20px;
  778. background-color: {color:Theme color};
  779. transition: all 0.15s ease;
  780. }
  781. #searchbar {
  782. width: 100%;
  783. margin: 0;
  784. padding: 0;
  785. overflow: hidden;
  786. }
  787. #the-search {
  788. width: 100%;
  789. }
  790. input.search {
  791. width: 170px;
  792. height: 12px;
  793. border: 1px solid {color:Theme color};
  794. color: rgba(70,70,70,0.75);
  795. font-size: 10px;
  796. font-family: 'Droid Sans Mono';
  797. padding: 5px 10px;
  798. }
  799. input[type=text]:focus {
  800. border: 1px solid {color:Body links};
  801. }
  802. /* pagination */
  803. #jump-pagi {
  804. max-width: 200%;
  805. margin-top: 50px;
  806. text-align: center;
  807. }
  808. #jump-pagi a {
  809. color: {color:Background};
  810. font-size: 10px;
  811. font-family: 'consolas';
  812. text-transform: uppercase;
  813. letter-spacing: 1px;
  814. margin: 0 1px;
  815. padding: 2px 5px;
  816. border: 1px solid {color:Background};
  817. }
  818. #jump-pagi a:hover {
  819. color: {color:Theme color};
  820. background: {color:Background};
  821. }
  822. .current {
  823. color: {color:Theme color};
  824. background: {color:Background};
  825. font-size: 10px;
  826. font-family: 'consolas';
  827. font-weight: normal;
  828. margin: 0 1px;
  829. padding: 2px 5px;
  830. border: 1px solid {color:Theme color};
  831. outline: 1px solid {color:Background};
  832. }
  833. #infscr-loading {
  834. position: fixed;
  835. left: 10px;
  836. bottom: 5px;
  837. z-index: 999999;
  838. }
  839. #c {
  840. position: fixed;
  841. z-index: 99999999999999999999;
  842. left: 900px;
  843. bottom: 0px;
  844. margin: 0;
  845. padding: 0;
  846. }
  847. #c a {
  848. display: block;
  849. color: {color:Sidebar text};
  850. font-size: 10px;
  851. font-family: 'consolas';
  852. text-transform: uppercase;
  853. text-align: center;
  854. letter-spacing: 1px;
  855. line-height: 10px;
  856. padding: 1px 10px;
  857. }
  858. #c a:hover {
  859. color: {color:Body links};
  860. }
  861. #c a:before {
  862. content: "";
  863. width: 50px;
  864. height: 0;
  865. border-bottom: 1px solid {color:Background};
  866. position: absolute;
  867. margin-top: 5px;
  868. left: -41px;
  869. }
  870. #s-m-t-tooltip {
  871. max-width: 300px;
  872. position: absolute;
  873. z-index: 999999999999;
  874. margin: 0 11px;
  875. padding: 3px 9px;
  876. background: {color:Theme color};
  877. box-shadow: 1px 1px rgba(30,30,30,0.2);
  878. font-family: consolas;
  879. font-size: 10px;
  880. text-transform: uppercase;
  881. letter-spacing: 1px;
  882. line-height: 13px;
  883. color: {color:Sidebar text};
  884. }
  885. /*back to top*/
  886. #back-top {
  887. display: none;
  888. position: fixed;
  889. right: 35px;
  890. bottom: 5px;
  891. z-index: 10000;
  892. }
  893. #back-top-inner {
  894. position: relative;
  895. bottom: 0;
  896. -webkit-transition: all .15s ease;
  897. -moz-transition: all .15s ease;
  898. -o-transition: all .15s ease;
  899. transition: all .15s ease;
  900. }
  901. #back-top a {
  902. font-family: arial;
  903. color: #fff;
  904. text-transform: uppercase;
  905. background-color: rgba(220,220,220, 0);
  906. border: 1px solid {color:Body links};
  907. background: {color:Body links};
  908. font-size: 12px;
  909. padding: 0 6px 22px 6px;
  910. height: 15px;
  911. width: 45px;
  912. }
  913. #back-top:hover #back-top-inner {
  914. bottom: 10px;
  915. }
  916. #back-top a:hover {
  917. color: #fff;
  918. border: 1px solid {color:Body links};
  919. background: {color:Body links};
  920. }
  921.  
  922. {CustomCSS}
  923. </style>
  924. </head>
  925.  
  926.  
  927.  
  928. <body>
  929. <div id="c"><a href="http://calsyfur.tumblr.com">theme by calsyfur</a></div>
  930. <div id="side-tri"></div>
  931. <div id="side">
  932. <div id="side-inner">
  933. <div id="main-title"><a href="/">{Title}</a></div>
  934. <div id="menu">
  935. <h2>Main</h2>
  936. <ul>
  937. <a href="/"><li class="first">Home</li></a>
  938. <a href="/ask"><li>Message</li></a>
  939. <a href="/archive"><li>Archive</li></a>
  940. {block:SubmissionsEnabled}
  941. <a href="/submit"><li>Submit</li></a>
  942. {/block:SubmissionsEnabled}
  943. </ul>
  944. <h2>Navi</h2>
  945. <ul>
  946. {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}"><li>{text:Custom Link One}</li></a>{/block:IfCustomLinkOne}
  947. {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}"><li>{text:Custom Link Two}</li></a>{/block:IfCustomLinkTwo}
  948. {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}"><li>{text:Custom Link Three}</li></a>{/block:IfCustomLinkThree}
  949. {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}"><li>{text:Custom Link Four}</li></a>{/block:IfCustomLinkFour}
  950. {block:IfCustomLinkFive}<a href="{text:Custom Link Five URL}"><li>{text:Custom Link Five}</li></a>{/block:IfCustomLinkFive}
  951. {block:IfCustomLinkSix}<a href="{text:Custom Link Six URL}"><li>{text:Custom Link Six}</li></a>{/block:IfCustomLinkSix}
  952. {block:IfCustomLinkSeven}<a href="{text:Custom Link Seven URL}"><li>{text:Custom Link Seven}</li></a>{/block:IfCustomLinkSeven}
  953. {block:IfCustomLinkEight}<a href="{text:Custom Link Eight URL}"><li>{text:Custom Link Eight}</li></a>{/block:IfCustomLinkEight}
  954. {block:IfCustomLinkNine}<a href="{text:Custom Link Nine URL}"><li>{text:Custom Link Nine}</li></a>{/block:IfCustomLinkNine}
  955. {block:IfCustomLinkTen}<a href="{text:Custom Link Ten URL}"><li>{text:Custom Link Ten}</li></a>{/block:IfCustomLinkTen}
  956. </ul>
  957.  
  958. {block:IfSidebarsearch}
  959. <div id="searchbar">
  960.  
  961. <form id="the-search" action="/search" method="get">
  962. <input type="text" class="search" onkeydown="Javascript: if (event.keyCode==13) Search();"name="q" value=""/>
  963. <div class="magnify"></div>
  964. <input type="submit" class="magnify-two" value="">
  965. </form>
  966. </div> <!-- end search -->
  967. {/block:IfSidebarsearch}
  968.  
  969. </div> <!-- end menu-->
  970. </div><!-- end side inner -->
  971. </div> <!-- end side -->
  972.  
  973. <div id="content-wrapper">
  974. <div id="side-right-wrap">
  975. <div id="side-right">
  976. <div id="side-right-inner">
  977. <p class="side-right-description">{block:Description}{Description}{/block:Description}</p>
  978.  
  979. <div id="jump-pagi">
  980. {block:IfNotInfiniteScroll}
  981. {block:Pagination}
  982. {block:PreviousPage}
  983. <a href="{PreviousPage}" title="Newer">&laquo;</a>
  984. {/block:PreviousPage}
  985. {block:JumpPagination length="5"}{block:CurrentPage}
  986. <span class="current">{PageNumber}</span>
  987. {/block:CurrentPage}{block:JumpPage}
  988. <a class="jump" href="{URL}">{PageNumber}</a>
  989. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  990. <a href="{NextPage}" title="Older">&raquo;</a>
  991. {/block:NextPage}
  992. {/block:Pagination}
  993. {/block:IfNotInfiniteScroll}
  994. </div>
  995. </div><!-- inner -->
  996. </div><!-- side right -->
  997. </div><!-- wrap -->
  998.  
  999.  
  1000. <!--Content holder-->
  1001. <div id="content">
  1002. {block:Posts}
  1003. <div id="post">
  1004. <article class="posts">
  1005.  
  1006.  
  1007.  
  1008. {block:Text}
  1009. <div class="text">
  1010. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1011. {Body}
  1012. {/block:Text}
  1013.  
  1014. {block:Photo}
  1015. {block:IndexPage}
  1016. <div class="photo">
  1017. <a href="{PhotoURL-HighRes}" rel="lightbox"><img class="max-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>
  1018. {/block:IndexPage}
  1019. {block:PermalinkPage}
  1020. {LinkOpenTag}<img class="max-photo" src="{PhotoURL-500}"/>{LinkCloseTag}
  1021. {block:IfNotShowCaptions}
  1022. {block:Caption}{Caption}{/block:Caption}
  1023. {/block:IfNotShowCaptions}
  1024. {/block:PermalinkPage}
  1025. {block:IfShowCaptions}
  1026. <div class="post-captions">
  1027. {block:Caption}{Caption}{/block:Caption}
  1028. </div>
  1029. {/block:IfShowCaptions}
  1030.  
  1031. {/block:Photo}
  1032.  
  1033. {block:Photoset}
  1034. <div class="photoset">
  1035. {block:IndexPage}{Photoset}{/block:IndexPage}
  1036.  
  1037. {block:PermalinkPage}
  1038. {Photoset-500}
  1039. {block:IfNotShowCaptions}
  1040. {block:Caption}{Caption}{/block:Caption}
  1041. {/block:IfNotShowCaptions}
  1042. {/block:PermalinkPage}
  1043. {block:IfShowCaptions}
  1044. <div class="post-captions">
  1045. {block:Caption}{Caption}{/block:Caption}
  1046. </div>
  1047. {/block:IfShowCaptions}
  1048.  
  1049. {/block:Photoset}
  1050.  
  1051. {block:Quote}
  1052. <div class="quote">
  1053. <blockquote>{Quote}</blockquote>
  1054. {block:Source}<cite>—{Source} </cite>{/block:Source}
  1055. </div>
  1056. {/block:Quote}
  1057.  
  1058. {block:Link}
  1059. <div class="link">
  1060. <h1 class="linktitle"><a href="{URL}">{Name}</a></h1>
  1061. {block:Description}{Description}{/block:Description}
  1062. {/block:Link}
  1063.  
  1064. {block:Chat}
  1065. <div class="chat">
  1066. <ul>
  1067. {block:Lines}<li class="{Alt}">{block:Label}<span>{Label}</span>{/block:Label} {Line} </li>{/block:Lines}
  1068. </ul>
  1069. {/block:Chat}
  1070.  
  1071. {block:Audio}
  1072. <div class="audiopost">
  1073. <div class="cover">
  1074. {block:AlbumArt}
  1075. <img src="{AlbumArtURL}"/>
  1076. {/block:AlbumArt}
  1077. </div>
  1078. <div class="audio" id="{PostID}">
  1079. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1080.  
  1081. </div>
  1082. <div class="tracks">
  1083. <ul>
  1084. <li><b>Title:</b> {block:TrackName}{TrackName}{/block:TrackName}</li>
  1085. <li><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</li>
  1086. <li><b>Album:</b> {block:Album}{Album}{/block:Album}</li>
  1087. <li><b>Plays:</b> {PlayCount}</li>
  1088. </ul>
  1089. </div>
  1090.  
  1091.  
  1092.  
  1093. {block:PermalinkPage}
  1094. {block:IfNotShowCaptions}
  1095. {block:Caption}{Caption}{/block:Caption}
  1096. {/block:IfNotShowCaptions}
  1097. {/block:PermalinkPage}
  1098. {block:IfShowCaptions}
  1099. {block:Caption}{Caption}{/block:Caption}
  1100. {/block:IfShowCaptions}
  1101.  
  1102. {/block:Audio}
  1103.  
  1104.  
  1105. {block:Video}
  1106. {block:IndexPage}
  1107. <div class="video-player">
  1108. <div class="video" id="{PostID}">{Video-400}</div>
  1109. {/block:IndexPage}
  1110. {block:PermalinkPage}
  1111. <div class="video">{Video-500}</div>
  1112. {block:IfNotShowCaptions}
  1113. {block:Caption}{Caption}{/block:Caption}
  1114. {/block:IfNotShowCaptions}
  1115. {/block:PermalinkPage}
  1116. {block:IfShowCaptions}
  1117. {block:Caption}{Caption}{/block:Caption}
  1118. {/block:IfShowCaptions}
  1119. {/block:Video}
  1120.  
  1121. {block:Answer}
  1122. <div class="answer">
  1123. <div class="ask-question">
  1124. <div class="ask-img"><img src="{AskerPortraitURL-96}"/></div>
  1125. <div class="asker">{Asker} asked:</div>
  1126. <p>{Question}</p>
  1127. </div>
  1128. {block:Answerer}
  1129. <div class="ask-reply">
  1130. <div class="answer-img"><img src="{AnswererPortraitURL-96}"/></div>
  1131. <div class="answerer">{Answerer} replied:</div>
  1132. {Answer}
  1133. </div>
  1134. {/block:Answerer}
  1135. <div class="replies">
  1136. {Replies}
  1137. </div>
  1138. {/block:Answer}
  1139.  
  1140.  
  1141.  
  1142.  
  1143. {block:IndexPage}
  1144. <div id="pfooter">
  1145. <div id="pfooter-inner">
  1146. <div class="post-notes">
  1147.  
  1148. {block:NoteCount}{NoteCountWithLabel} &#10023; {/block:NoteCount}
  1149. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  1150.  
  1151. <!--<a href="{ReblogURL}" target="_blank"> &#10022; Reblog</a>-->
  1152. </div>
  1153.  
  1154. <div class="met">
  1155. {block:Tags}
  1156. <span><a href="{TagURL}">#{Tag}</a></span>
  1157. {/block:Tags}
  1158. </div>
  1159. </div> <!-- inner -->
  1160. </div><!-- end pfooter -->
  1161. <!--remove via-->
  1162. {block:ContentSource}
  1163. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1164. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1165. {/block:SourceLogo}
  1166. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  1167. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1168. {/block:IndexPage}
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <!--Permalink Footer-->
  1175. {block:PermalinkPage}
  1176. <div id="permatags">
  1177. {block:Date}<div class="perma-inner">
  1178. <div class="perma-dates">
  1179. posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  1180. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1181. </div>
  1182. {block:ContentSource}
  1183. <div id="via-link">
  1184. <a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a> / <a href="{SourceURL}" target="_blank" title="{SourceTitle}">source</a>
  1185. </div>
  1186. {/block:ContentSource}
  1187.  
  1188. </div>
  1189.  
  1190. {block:HasTags}
  1191. <ul class="tags">
  1192. {block:Tags}
  1193. <li><a href="{TagURL}">{Tag}</a>
  1194. </li>
  1195. {/block:Tags}
  1196. </ul>
  1197. {/block:HasTags}
  1198. </div>
  1199. {/block:PermalinkPage}
  1200.  
  1201. </article>
  1202.  
  1203.  
  1204. {block:PermalinkPage}
  1205. {block:Permalink}
  1206. <ul id="permanotes"> {block:PostNotes}{PostNotes}{/block:PostNotes}</ul>
  1207. {/block:Permalink}
  1208. {/block:PermalinkPage}
  1209.  
  1210. </div>
  1211. {/block:Posts}
  1212.  
  1213.  
  1214.  
  1215. <!--infinite-->
  1216. {block:IfInfiniteScroll}
  1217. {block:Pagination}
  1218. <div class="pagination">
  1219. {block:NextPage}<a href="{NextPage}" class="infinite-load"></a>{/block:NextPage}
  1220. </div>
  1221. {/block:Pagination}
  1222. {/block:IfInfiniteScroll}
  1223.  
  1224. <!--Close of content-->
  1225. </div>
  1226.  
  1227.  
  1228. {block:IfShowScrollToTop}
  1229. <div id="back-top">
  1230. <div id="back-top-inner">
  1231. <a href="#" title="scroll to top">&#9651;</a>
  1232. </div>
  1233. </div>
  1234. {/block:IfShowScrollToTop}
  1235.  
  1236. </div> <!-- content wrapper -->
  1237.  
  1238. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1239. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  1240. {block:IfInfiniteScroll}
  1241. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1242. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1243. {/block:IfInfiniteScroll}
  1244. <script src="http://static.tumblr.com/bpmgss9/g7gn2f68u/calsyfuro5-min.js"></script>
  1245. <script>
  1246.  
  1247. (function (b) {
  1248. b(document).ready(function () {
  1249. b("[title]").style_my_tooltips({
  1250. tip_follows_cursor: true,
  1251. tip_delay_time: 230,
  1252. tip_fade_speed: 60,
  1253. attribute: "title"
  1254. })
  1255. })
  1256. })(jQuery);
  1257.  
  1258. $(document).ready(function(){
  1259. $(".magnify").click(function(){
  1260. $(this).animate({
  1261. width: '20px',
  1262. left: '190px'
  1263. }, 250, function(){
  1264. $(this).delay(600).hide(0);
  1265. });
  1266. });
  1267. });
  1268. {block:IfInfiniteScroll}
  1269. $(window).load(function(){
  1270. infinitize();
  1271. });
  1272. {/block:IfInfiniteScroll}
  1273. </script>
  1274. <!--For users adding Google Analytics ID-->
  1275. {block:GoogleAnalyticsID}
  1276. <script>
  1277. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1278. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1279. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1280. s.parentNode.insertBefore(g,s)}(document,'script'));
  1281. </script>
  1282. {/block:GoogleAnalyticsID}
  1283. </body>
  1284. </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!