API tools faq
paste
Advertisement
farhanamarwan

Fractioned's Theme 2: Polaris

farhanamarwan
Jun 10th, 2014
442
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.89 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. <!--------------------------------------------
  6.  
  7.  
  8.  
  9. THEME #2: POLARIS
  10. BY: http://fractioned.tumblr.com
  11. DATE: 10 JUNE 2014
  12.  
  13.  
  14.  
  15. --------------------------------------------->
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Content Background" content="#ffffff"/>
  23. <meta name="color:Content Border" content="#000000"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:Normal Links" content="#E29DF5"/>
  26. <meta name="color:Normal Links Hover" content="#c0c0c0"/>
  27. <meta name="color:Sidebar Links" content="#6b6b6b"/>
  28. <meta name="color:Sidebar Links Hover" content="#d0d0d0"/>
  29. <meta name="color:Sidebar Links Background" content="#202020"/>
  30. <meta name="color:Sidebar Links Bg Hover" content="#101010"/>
  31. <meta name="color:Sidebar Title" content="#ffffff"/>
  32. <meta name="color:Sidebar Text" content="#808080"/>
  33. <meta name="color:Sidebar Links" content="#ffffff"/>
  34. <meta name="color:Sidebar Background" content="#000000"/>
  35. <meta name="color:Alternate Chat Background" content="#e9e9e9"/>
  36. <meta name="color:Info Background" content="#000000"/>
  37. <meta name="color:Info Text" content="#e9e9e9"/>
  38. <meta name="color:Tag Links" content="#000000"/>
  39.  
  40.  
  41.  
  42.  
  43. <meta name="image:Sidebar" content=""/>
  44.  
  45. <meta name="text:link 1" content="link 1"/>
  46. <meta name="text:link 1 url" content="/"/>
  47. <meta name="text:link 2" content="link 2"/>
  48. <meta name="text:link 2 url" content="/"/>
  49. <meta name="text:link 3" content="link 3"/>
  50. <meta name="text:link 3 url" content="/"/>
  51. <meta name="text:link 4" content="link 4"/>
  52. <meta name="text:link 4 url" content="/"/>
  53. <meta name="text:link 5" content="link 5"/>
  54. <meta name="text:link 5 url" content="/"/>
  55.  
  56. <!--- CSS --->
  57.  
  58. <style type="text/css">
  59.  
  60. html, body, h1, h2, h3, h4, h5, h6, ol, blockquote {
  61. margin:0;
  62. padding:0;
  63. list-style:none;
  64.  
  65. }
  66.  
  67. body {
  68. font: 11px Arial;
  69. color: {color:text};
  70. background-color: {color:background};
  71. line-height:110%;
  72.  
  73. }
  74. a {
  75. color: {color:normal links};
  76. text-decoration:none;
  77.  
  78. }
  79.  
  80. a:hover {
  81. color: {color:normal links hover};
  82.  
  83. }
  84.  
  85. b, strong {
  86. color:{color:text}
  87.  
  88. }
  89.  
  90. i, em {
  91. color:{color:text}
  92.  
  93. }
  94. small {
  95. font-size:10px;
  96.  
  97. }
  98. big {
  99. font-size:12px;
  100. }
  101. .chat ul{
  102. list-style: none;
  103. padding: 0;
  104. margin:0;
  105. }
  106.  
  107. .chat li {
  108. padding: 0.5% 2%;
  109. }
  110.  
  111. .chat .even {
  112. background: {color:alternate chat background};
  113. }
  114.  
  115. blockquote {
  116. padding-top: 2px;
  117. padding-bottom: 3px;
  118. padding-left: 10px;
  119. padding-right: 3px;
  120. margin-left: 20px;
  121. margin-top: 10px;
  122. margin-bottom: 10px;
  123. border-left: 2px solid {color:text};
  124. text-align:justify;
  125.  
  126. }
  127.  
  128. blockquote p {
  129. display:block!important;
  130. }
  131.  
  132. blockquote img {
  133. max-width:220px!important;
  134.  
  135. }
  136.  
  137. /* content */
  138. #content {
  139. left:50%;
  140. margin-left:-150px;
  141. position:absolute;
  142. width:530px;
  143. padding-left: 20px;
  144. padding-right: 10px;
  145. background-color: {color:content background};
  146. border-right: 15px solid {color:content border};
  147. color: {color:text};
  148. }
  149.  
  150. /* sidebar */
  151. #sidebar {
  152. background-color: {color:sidebar background};
  153. margin-left: -250px;
  154. top: 0px;
  155. line-height:15px;
  156. width: 170px;
  157. position: fixed;
  158. margin-bottom: 15px;
  159. text-align: center;
  160. margin-top:0px;
  161. height: 100%;
  162. display: table;
  163. }
  164. #sidebar h1 a {
  165. color: {color:text};
  166. text-decoration: none;
  167.  
  168. }
  169. #sidebar h1 a:hover {
  170. color: {color:text};
  171. text-decoration: none;
  172.  
  173. }
  174.  
  175.  
  176. #sidebar img {
  177. width:150px;
  178. border-radius: 100px 100px 100px 100px; /* top left, top right, bottom right, bottom left */
  179. opacity: 1;
  180. filter: alpha(opacity=100); /* For IE8 and earlier */
  181. transition: all 0.4s ease-out;
  182. -o-transition: all 0.4s ease-out;
  183. -webkit-transition: all 0.4s ease-out;
  184. -moz-transition: all 0.4s ease-out
  185. overflow: hidden;
  186. height: 150px;
  187. padding: 2px;
  188. border: 0px solid #000000;
  189. }
  190.  
  191.  
  192. #sidebar img:hover{
  193. width:150px;
  194. border-radius: 100px 100px 100px 100px; /* top left, top right, bottom right, bottom left */
  195. opacity: 0.7;
  196. filter: alpha(opacity=70); /* For IE8 and earlier */
  197. transition: all 0.4s ease-out;
  198. -o-transition: all 0.4s ease-out;
  199. -webkit-transition: all 0.4s ease-out;
  200. -moz-transition: all 0.4s ease-out;
  201. padding: 2px;
  202. border: 0px solid #c0c0c0;
  203. }
  204.  
  205.  
  206.  
  207. #description {
  208. width:170px;
  209. padding-top: 10px;
  210. padding-right: 10px;
  211. padding-left: 10px;
  212. padding-bottom: 10px;
  213. margin-left: 20px;
  214. margin-right: 20px;
  215. margin-top: 20px;
  216. text-align:justify;
  217. color: {color:sidebar text};
  218. }
  219.  
  220.  
  221. #title {
  222. font-size:20px;
  223. text-transform: lowercase;
  224. letter-spacing: 5px;
  225. margin-top: 3px;
  226. margin-bottom:0px;
  227. padding-bottom: 0px;
  228. padding-left: 5px;
  229. line-height: 30px;
  230. text-align: center;
  231. font-family: Baskerville;
  232. font-style: italic;
  233. border-bottom: 0px solid #000000;
  234. color: {color:sidebar title};
  235. transition: all 0.4s ease-out;
  236. -o-transition: all 0.4s ease-out;
  237. -webkit-transition: all 0.4s ease-out;
  238. -moz-transition: all 0.4s ease-out;
  239. opacity: 1;
  240. filter: alpha(opacity=100); /* For IE8 and earlier */
  241. }
  242.  
  243. #sidebar:hover #title{
  244. font-size:20px;
  245. text-transform: lowercase;
  246. letter-spacing: 10px;
  247. margin-top: 3px;
  248. margin-bottom:0px;
  249. padding-bottom: 0px;
  250. padding-left: 5px;
  251. line-height: 30px;
  252. text-align: center;
  253. font-family: Baskerville;
  254. font-style: italic;
  255. border-bottom: 0px solid #000000;
  256. color: {color:sidebar title};
  257. transition: all 0.4s ease-out;
  258. -o-transition: all 0.4s ease-out;
  259. -webkit-transition: all 0.4s ease-out;
  260. -moz-transition: all 0.4s ease-out;
  261. opacity: 1;
  262. filter: alpha(opacity=100); /* For IE8 and earlier */
  263. }
  264.  
  265. #sidebar:hover img{
  266. transition: all 0.4s ease-out;
  267. -o-transition: all 0.4s ease-out;
  268. -webkit-transition: all 0.4s ease-out;
  269. -moz-transition: all 0.4s ease-out;
  270. opacity: 0.7;
  271. filter: alpha(opacity=70); /* For IE8 and earlier */
  272. }
  273.  
  274.  
  275. /* sidebar bar links */
  276. .navlinks {
  277. display: block;
  278. font-family: times;
  279. font-style: italic;
  280. text-transform: lowercase;
  281. font-size: 15px;
  282. line-height: 25px;
  283. text-align: center;
  284. margin-left: 20px;
  285. margin-right: 20px;
  286. letter-spacing: 1px;
  287. color: {color:sidebar links};
  288. background-color: {color:sidebar links background};
  289. transition: 0.6s all ease;
  290. margin-bottom: 10px;
  291. }
  292.  
  293. .navlinks a {
  294. display: block;
  295. font-family: times;
  296. font-style: italic;
  297. text-transform: lowercase;
  298. font-size: 15px;
  299. line-height: 25px;
  300. text-align: center;
  301. margin-left: 20px;
  302. margin-right: 20px;
  303. letter-spacing: 1px;
  304. color: {color:sidebar links};
  305. transition: 0.6s all ease;
  306. margin-bottom: 10px;
  307. }
  308.  
  309.  
  310. .navlinks:hover {
  311. display: block;
  312. font-family: times;
  313. font-style: italic;
  314. text-transform: lowercase;
  315. font-size: 15px;
  316. line-height: 25px;
  317. text-align: center;
  318. margin-left: 20px;
  319. margin-right: 20px;
  320. letter-spacing: 1px;
  321. color: {color:sidebar links hover};
  322. background-color: {color:sidebar links bg hover};
  323. transition: 0.6s all ease;
  324. margin-bottom: 10px;
  325.  
  326. }
  327.  
  328. /* pagination */
  329. #pagination {
  330. width: 170px;
  331. margin-left: 30px;
  332. margin-right: 20px;
  333. font-size: 12px;
  334. line-height: 21px;
  335. text-align: center;
  336. margin-top: 10px;
  337. letter-spacing:1px;
  338. text-transform: lowercase;
  339. font-style: italic;
  340. font-family: times;
  341.  
  342. }
  343.  
  344. /* posts */
  345. .post {
  346. line-height: 18px;
  347. margin-top: 60px;
  348. padding-left: 5px;
  349. padding-right: 10px;
  350.  
  351. }
  352. .post h3 {
  353. font-size: 20px;
  354. font-family: times;
  355. font-style: italic;
  356. font-weight: none;
  357. margin-bottom: 10px;
  358. }
  359. .post a {
  360. font-weight: none;
  361. }
  362. .caption blockquote {
  363. padding-left: 10px;
  364. padding-top: 2px;
  365.  
  366. }
  367.  
  368. .post text {
  369. text-align: left;
  370.  
  371. }
  372.  
  373. .post photo {
  374. margin-bottom: 5px;
  375. text-align: center;
  376.  
  377. }
  378. .post photo img {
  379. border: 0;
  380.  
  381. }
  382.  
  383.  
  384. .post quote {
  385. text-align: left;
  386.  
  387. }
  388. .post quote .source {
  389. font-size: 12px;
  390.  
  391. }
  392. .question {
  393. background-color: {color:content background};
  394. padding-top:10px;
  395. padding-right:10px;
  396. padding-left:10px;
  397. padding-bottom:20px;
  398. border-left: 2px {color:text} solid;
  399. line-height:110%;
  400. margin-bottom: 5px;
  401. margin-left: 20px;
  402. }
  403.  
  404. .answer {
  405. line-height:110%;
  406. margin-top: -10px;
  407. }
  408.  
  409. .post link {
  410. text-align: left;
  411.  
  412. }
  413.  
  414. .post audio {
  415. text-align: left;
  416. }
  417.  
  418. .post video {
  419. text-align: left;
  420.  
  421. }
  422.  
  423. .post chat {
  424. text-align: left;
  425.  
  426. }
  427. .post chat li {
  428. list-style-type: none;
  429.  
  430. }
  431.  
  432. .audio {
  433. line-height: 120%;
  434. }
  435.  
  436.  
  437. /* metadata */
  438. #info {
  439. margin-top: 10px;
  440. font-size: 12px;
  441. text-transform:lowercase;
  442. font-style: italic;
  443. letter-spacing: 1px;
  444. margin-bottom: 60px;
  445. padding-left: 0px;
  446. padding-top: 5px;
  447. padding-bottom: 0px;
  448. padding-right: 10px;
  449. line-height:150%;
  450. text-align: right;
  451. color: {color:info text};
  452. background-color: {color:info background};
  453. border-top: 0px {color:sidebar links hover} dotted;
  454. font-family: times;
  455. }
  456.  
  457. ol.notes {
  458. display:block;
  459. text-align:left;
  460. margin-bottom:30px;
  461.  
  462. }
  463. ol.notes li.note{
  464. padding:1%;
  465.  
  466. }
  467.  
  468. .pagenotes {
  469. text-align:left;
  470.  
  471. }
  472. .tags {
  473. padding-top: 0px;
  474. padding-bottom: 0px;
  475. padding-left: 0px;
  476. padding-right: 0px;
  477. margin-right: -10px;
  478. font-style: normal;
  479. border-top: 0px #c0c0c0 dotted;
  480. background-color: {color:content background};
  481. font-family: cambria;
  482. text-transform: lowercase;
  483. font-size: 10px;
  484. }
  485. .tags a {
  486. color: {color:tag links};
  487. background-color: {color:content background};
  488. border-bottom: 0px solid #dbbcf0;
  489. padding: 0px;
  490. margin-bottom: 0px;
  491. letter-spacing: 0px;
  492. transition: 0.4s all ease;
  493. -moz-transition-duration: 0.4s all ease;
  494. -webkit-transition-duration: 0.4s all ease;
  495. -o-transition-duration: 0.4s all ease;
  496.  
  497.  
  498. }
  499. .tags a:hover {
  500. color: #000000;
  501. background-color: {color:content background};
  502. border-bottom: 0px solid #dbbcf0;
  503. letter-spacing: 3px;
  504. transition: 0.4s all ease;
  505. -moz-transition-duration: 0.4s all ease;
  506. -webkit-transition-duration: 0.4s all ease;
  507. -o-transition-duration: 0.4s all ease;
  508. }
  509. /*custom css */
  510. .caption{
  511. padding-top:2px;
  512. padding-left:10px;
  513. padding-bottom:5px;
  514. margin-top:5px;
  515. text-align:left;
  516. font-size:12px;
  517. font-family: Cambria;
  518. padding-right:10px;
  519.  
  520. }
  521.  
  522. .post img{
  523. margin: 5px;
  524.  
  525. }
  526.  
  527.  
  528. /*credit*/
  529. #credit {
  530. position:fixed;
  531. right:10px;
  532. bottom:10px;
  533. text-transform:uppercase;
  534. font:9px 'times';
  535. letter-spacing:1px;
  536. padding:5px;
  537. border: 1px solid #606060;
  538. background-color: #ffffff;
  539. }
  540.  
  541. #credit a{
  542. color: #404040;
  543. }
  544.  
  545.  
  546.  
  547. {CustomCSS}
  548.  
  549. </style></head>
  550. <body>
  551.  
  552.  
  553. <div id="content">
  554.  
  555. <div id="sidebar">
  556.  
  557. <div id="description">
  558.  
  559. {block:IfSidebarImage}<a href="/"><img src="{image:sidebar}"></a>{/block:IfSidebarImage}
  560.  
  561.  
  562.  
  563. <div id="title">{title}</div>
  564.  
  565.  
  566. {description}<br><br>
  567.  
  568.  
  569. {block:iflink1}<a href="{text:link 1 url}" class="navlinks">{text:link 1}</a>{/block:iflink1}
  570. {block:iflink2}<a href="{text:link 2 url}" class="navlinks">{text:link 2}</a>{/block:iflink2}
  571. {block:iflink3}<a href="{text:link 3 url}" class="navlinks">{text:link 3}</a>{/block:iflink3}
  572. {block:iflink4}<a href="{text:link 4 url}" class="navlinks">{text:link 4}</a>{/block:iflink4}
  573. {block:iflink5}<a href="{text:link 5 url}" class="navlinks">{text:link 5}</a>{/block:iflink5}
  574.  
  575.  
  576. </div>
  577.  
  578.  
  579. {block:Pagination}<div id="pagination">
  580. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  581. {block:JumpPagination length="5"}
  582. {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  583. {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  584. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  585. </div>{/block:Pagination}
  586.  
  587.  
  588. </div>
  589.  
  590.  
  591. <div id="entries">
  592.  
  593. <ol id="posts">
  594.  
  595. {block:ContentSource}
  596. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  597. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  598. {/block:SourceLogo}
  599. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  600. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  601.  
  602. {block:Posts}
  603. {block:Text}
  604. <li class="post text">
  605. {block:Title}
  606. <h3><a href="{Permalink}">{Title}</a></h3>
  607. {/block:Title}{Body}
  608. </li>
  609. {/block:Text}
  610.  
  611. {block:Photo}
  612. <li class="post photo">
  613. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="margin-left: -2px" />
  614.  
  615. {block:Caption}
  616. <div class="caption">{Caption}</div>
  617. {/block:Caption}
  618. </li>
  619. {/block:Photo}
  620.  
  621. {block:Photoset}
  622. <li class="post photoset">
  623. {Photoset-500}{block:Caption}
  624. <div class="caption">{Caption}</div>
  625. {/block:Caption}
  626. </li>
  627. {/block:Photoset}
  628.  
  629. {block:Quote}
  630. <li class="post quote">
  631. {Quote}
  632. {block:Source}
  633. <div class="source">— {Source}</div>
  634. {/block:Source}
  635. </li>
  636. {/block:Quote}
  637.  
  638. {block:Link}
  639. <li class="post link">
  640. <a href="{URL}" {Target}>{Name}</a>
  641.  
  642. {block:Description}
  643. <div class="description">{Description}</div>
  644. {/block:Description}
  645. </li>
  646. {/block:Link}
  647.  
  648. {block:Chat}
  649. <li class="post chat">
  650. {block:Title}
  651. <h3><a href="{Permalink}">{Title}</a></h3>
  652. {/block:Title}
  653.  
  654. <ul class="chat">
  655. {block:Lines}
  656. <li class="{Alt} user_{UserNumber}">
  657. {block:Label}
  658. <span class="label" style="text-transform: uppercase; font-weight: bold; font-size: 12px; color: {color:text}">{Label}</span>
  659. {/block:Label}{Line}
  660. </li>
  661. {/block:Lines}
  662. </ul>
  663. </li>
  664. {/block:Chat}
  665.  
  666. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" style="float: left; margin: 0px 5px 5px 0px;"> <big><B>{Asker}</B></big>: {Question}</div><br><div class="answer">{Answer}</div>{/block:Answer}
  667.  
  668. {block:Video}
  669. <li class="post video">
  670. {Video-500}{block:Caption}
  671. <div class="caption">{Caption}</div>
  672. {/block:Caption}
  673. </li>
  674. {/block:Video}
  675.  
  676. {block:Audio}<div class="audio"><div class="playercontainer">{AudioPlayerGrey}</div><br><div class="audioinfo" style="line-height:120%; margin-left: 20px; margin-top: 5px; border-left: 2px solid #000000; padding-left: 15px">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>{block:Caption}<span style="line-height: 120%">{Caption}</span>{/block:Caption}<br>{/block:Audio}
  677.  
  678. {block:Date}
  679. <div id="info">
  680. ↳ Posted on {Month} {DayOfMonth}{DayOfMonthSuffix} with <a href="{Permalink}"> {NoteCountWithLabel}</a> {block:RebloggedFrom} • <a href="{ReblogParentURL}">Via</a> • <a href="{ReblogRootURL}">source</a> {/block:RebloggedFrom}
  681.  
  682. {block:HasTags}
  683.  
  684. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}
  685. </div>
  686. {/block:Date}
  687.  
  688.  
  689. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  690. {/block:Posts}
  691. </ol>
  692.  
  693. <div id="credit">
  694. <a href="http://fractioned.tumblr.com/">
  695. FRCTND
  696. </a>
  697.  
  698. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!