Don't like ads? PRO users don't see any ads ;-)
Public Pastes

08. Curiosity

By: poutinesomething on Jul 28th, 2012  |  syntax: None  |  size: 10.47 KB  |  hits: 613  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2.     08. Curiosity by tinyxothemes
  3.     Do not remove any credits, redistribute or use as base of any of my
  4.     themes or codes.
  5.     If you have any questions or problems, feel free to send me a message.
  6. -->
  7.  
  8. <head>
  9.     <!-- DEFAULT VARIABLES -->
  10.  
  11.     <meta name="color:background" content="#EAEDF2" />
  12.     <meta name="color:entry" content="#FAFAFA" />
  13.  
  14.     <meta name="color:text" content="#9EA5AB" />
  15.     <meta name="color:accents" content="#6F99B2" />
  16.     <meta name="color:hover" content="#E8DCD5" />
  17.  
  18.     <meta name="image:sidebar" content=""/>
  19.  
  20.     <meta name="text:Link1 Url" content=""/>
  21.     <meta name="text:Link1 Name" content="link 1"/>
  22.     <meta name="text:Link2 Url" content=""/>
  23.     <meta name="text:Link2 Name" content="link 2"/>
  24.     <meta name="text:Link3 Url" content=""/>
  25.     <meta name="text:Link3 Name" content="link 3"/>
  26.     <meta name="text:Link4 Url" content=""/>
  27.     <meta name="text:Link4 Name" content="link 4"/>
  28.  
  29. <title>{Title}</title>
  30.     <link rel="shortcut icon" href="{Favicon}">
  31.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.     {block:Description}
  33.     <meta name="description" content="{MetaDescription}" />
  34.     {/block:Description}
  35.  
  36. </head>
  37.  
  38.  <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  39.  
  40. <html>
  41.  
  42.  <style type="text/css">
  43. /* BASICS */
  44. ::selection{
  45.     background: {color:hover};
  46.     color: {color:background};
  47.     }
  48. ::-moz-selection{
  49.     background: {color:hover};
  50.     color: {color:background};
  51.     }
  52.  
  53. ::-webkit-scrollbar-thumb:vertical{
  54.     background-color: {color:link};
  55.     }
  56.  
  57. ::-webkit-scrollbar-thumb:horizontal{
  58.     background-color: {color:link};
  59.     }
  60.  
  61. ::-webkit-scrollbar{
  62.     height:5px;
  63.     width:5px;
  64.     background: {color:background};
  65.     }
  66.  
  67. ::-webkit-scrollbar-track-piece {
  68.     background: {color:background};
  69.     width: 5pt;
  70.     }
  71.  
  72. body {
  73.     margin:1px;
  74.     margin-left: 5px;
  75.     background-color: {color:background};
  76.     font-family: arial;
  77.     font-size: 8pt;
  78.     text-align: justify;
  79.     }
  80. p {
  81.     line-height: 14px;
  82.     }
  83.    
  84. #main {
  85.     position:relative;
  86.     width: 800px;
  87.     margin:auto;
  88.     }
  89.    
  90. .credit {
  91.     bottom: 5px;
  92.     right: 5px;
  93.     position: fixed;
  94.     padding: 5px;
  95.     text-transform: uppercase;
  96.     font-family: calibri;
  97.     }
  98. /* END OF BASICS */    
  99.  
  100. /*ENTRY */
  101. .posts {
  102.     position:absolute;
  103.     left:0px;
  104.     width:510px;
  105.     text-align:justify;
  106.         margin-top: 10px;
  107.     margin-bottom: 30px;
  108.     }
  109. #entry{
  110.     background-color: {color:entry};
  111.     {block:PermalinkPage}margin-bottom: 10px;{/block:PermalinkPage}
  112.     {block:IndexPage}margin-bottom: 30px;{/block:IndexPage}
  113.     padding: 10px 10px 8px 10px;
  114.     width:500px;
  115.     color:  {color:text};
  116.     }
  117. #perma {
  118.     color: #000000;
  119.     left:-110px;
  120.     width: 100px;
  121.     font-size: 7px;
  122.     text-transform: uppercase;
  123.     letter-spacing: 1px;
  124.     line-height: 12px;
  125.     text-align: right;
  126.     display: none;
  127.     position: absolute;
  128.     padding: 5px;
  129.     -webkit-transition: all 0.5s ease-out;
  130.     -moz-transition: all 0.5s ease-out;
  131.     transition: all 0.5s ease-out;
  132.     }
  133. #entry:hover #perma {
  134.     display: block;
  135.     -webkit-transition: all 0.5s ease-out;
  136.     -moz-transition: all 0.5s ease-out;
  137.     transition: all 0.5s ease-out;
  138.     }
  139. /* END OF ENTRY */
  140.  
  141. /* SIDEBAR */
  142. .desc {
  143.     margin-top: 40px;
  144.     margin-left:540px;
  145.     position:fixed;
  146.     width:200px;
  147.     -webkit-transition: all 0.9s ease-out;
  148.     -moz-transition: all 0.9s ease-out;
  149.     transition: all 0.9s ease-out;
  150.     }
  151. .descinfo {
  152.     background-color: {color:entry};
  153.     width: 200px;
  154.     margin-bottom: 10px;
  155.     padding: 10px;
  156.     text-align: justify;
  157.     color: {color:text};
  158.     }
  159. .pagination {
  160.     text-align:center;
  161.     font-size:14px;
  162.     }
  163. /* END OF SIDEBAR */
  164.  
  165. /* LINKS */
  166. .pagination a {
  167.     text-decoration:none;
  168.     background-color:{color:background};
  169.     padding:2px 4px 2px 4px;
  170.     color:{color:text};
  171.     -webkit-transition: all 0.5s ease-out;
  172.     -moz-transition: all 0.5s ease-out;
  173.     transition: all 0.5s ease-out;
  174.     }
  175.    
  176. .pagination a:hover {
  177.     background-color:{color:background};
  178.     color:{color:text};
  179.     opacity: .5;
  180.     -webkit-transition: all 0.5s ease-out;
  181.     -moz-transition: all 0.5s ease-out;
  182.     transition: all 0.5s ease-out;
  183.     }
  184.    
  185. a:link,a:active,a:visited {
  186.     color:  {color:accents};
  187.     text-decoration: none;
  188.     -webkit-transition: all 0.5s ease-out;
  189.     -moz-transition: all 0.5s ease-out;
  190.     transition: all 0.5s ease-out;
  191.     }
  192. a:hover{
  193.     text-decoration: none;
  194.     color:  {color:hover};
  195.     -webkit-transition: all 0.5s ease-out;
  196.     -moz-transition: all 0.5s ease-out;
  197.     transition: all 0.5s ease-out;
  198.     }
  199. #sidelinks {
  200.     width:200px;
  201.     text-align: center;
  202.     }
  203.  
  204. #sidelinks a {
  205.     font-family:calibri;
  206.     font-size:10px;
  207.     text-align:center;
  208.     text-transform:uppercase;
  209.     color: {color:accents};
  210.     }
  211.  
  212. #sidelinks a:hover {
  213.     color: {color:hover};
  214.     text-align:center;
  215.     }
  216.    
  217. #nav {
  218.     margin-bottom: 1px;
  219.     padding: 5px;
  220.     font-family: calibri;
  221.     font-size: 10px;
  222.     text-align: center;
  223.     text-transform: uppercase;
  224.     background-color: {color:background};
  225.     color: {color:accents};
  226.     display: block;
  227.     }
  228.  
  229. #nav:hover {
  230.     background-color: {color:accents};
  231.     color: {color:entry};
  232.     text-align: center;
  233.     }
  234.    
  235. .tag {
  236.     background-color: {color:entry};
  237.     font-size: 7px;
  238.         padding: 2px;
  239.     text-transform: uppercase;
  240.     -webkit-transition: all 0.5s ease-out;
  241.     -moz-transition: all 0.5s ease-out;
  242.     transition: all 0.5s ease-out;
  243.         }
  244. .tag:hover {
  245.     border: none;
  246.     -webkit-transition: all 0.5s ease-out;
  247.     -moz-transition: all 0.5s ease-out;
  248.     transition: all 0.5s ease-out;
  249.     }
  250. /*END OF LINKS */
  251.  
  252. /* ENTRY STUFF */
  253. .title {
  254.     font-size: 12px;
  255.     font-family: arial;
  256.     font-weight: bold;
  257.     background-color: {color:background};
  258.     color: {color:text};
  259.     text-transform: uppercase;
  260.     padding: 5px;
  261.     }
  262.    
  263. b, strong {
  264.     color:  {color:accents};
  265.     font-weight: bold;
  266.     }
  267. i, em {
  268.     font-family: georgia;
  269.     color: #777;
  270.     }
  271. big {
  272.     font-size: 15px;
  273.     }
  274. small {
  275.     font-size: 8px;
  276.     font-family: arial;
  277.     text-transform: uppercase;
  278.     }
  279.    
  280. .quote {
  281.     font-size: 13px;
  282.     font-family: Georgia, "Times New Roman", Times, serif;
  283.     color:  {color:accents};
  284.     font-style: italic;
  285.     }
  286.    
  287. .ask {
  288.     padding: 10px;
  289.     background-color: {color:background};
  290.     }
  291.    
  292. blockquote {
  293.     border-left: 2px solid #555;
  294.     padding-left: 3px;
  295.     margin: 0.5em 0px;
  296.     margin-left: 10px;
  297.     }
  298. blockquote img {
  299.     width: 100%;
  300.     }
  301.  
  302. img {
  303.     border:none;
  304.     }
  305. .imgside {
  306.     border: 10px  {color:entry} solid;
  307.     width: 200px;
  308.     margin-bottom: 10px;
  309.     }
  310. .user_1 .label {
  311.     color: {color:accents};
  312.     font-weight:bold;
  313.     }
  314. .user_2 .label {
  315.     color: #555555;
  316.     font-weight:bold;
  317.     }
  318. ul.chat, .chat ol, .chat li {
  319.     list-style:none;
  320.     margin:0px;
  321.     padding:0px;
  322.     }
  323.  
  324. ol.notes, .notes li {
  325.     list-style:none;
  326.     margin:0px;
  327.     padding:0px;
  328.     }
  329. .notes img {
  330.     display:none;
  331.     }
  332. /* END OF ENTRY STUFF */    
  333. </style>
  334.  
  335.  
  336. <center>
  337.  
  338. <div id="main">
  339.  
  340. <div class="desc">
  341.  
  342. <img src="{image:sidebar}" class="imgside">
  343.  
  344. <div class="descinfo">
  345. <div id="sidelinks">
  346. <a href="/">refresh</a> - <a href="/ask">message</a> - <a href="/archive">archive</a> - <a href="http://tinyxothemes.tumblr.com/">credit</a>
  347. </div>
  348. </div>
  349.  
  350. <div class="descinfo">
  351. {block:Description}{Description}{/block:Description}
  352. </div>
  353.  
  354. <div class="descinfo">
  355. {block:IfLink1Name}<a href="{text:Link1 Url}" id="nav">{text:Link1 Name}</a>{/block:IfLink1Name}
  356. {block:IfLink2Name}<a href="{text:Link2 Url}" id="nav">{text:Link2 Name}</a>{/block:IfLink2Name}
  357. {block:IfLink3Name}<a href="{text:Link3 Url}" id="nav">{text:Link3 Name}</a>{/block:IfLink3Name}
  358. {block:IfLink4Name}<a href="{text:Link4 Url}" id="nav">{text:Link4 Name}</a>{/block:IfLink4Name}
  359. </div>
  360.  
  361. {block:Pagination}<div class="descinfo"><div class="pagination">
  362. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  363. {block:JumpPagination length="6"}{block:CurrentPage}
  364. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  365. {/block:CurrentPage}
  366. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  367. {/block:JumpPagination}
  368. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  369. </div></div>{/block:Pagination}
  370.  
  371.  
  372. </div>
  373.  
  374.  
  375. <div class="posts">
  376. {block:Posts}
  377.  
  378. <div id="entry">
  379.  
  380. <div id="perma">
  381. {block:Date}<a href="{Permalink}" class="info2">{timeago} {/block:Date}</a>{block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}<br>
  382. {block:HasTags} {block:Tags}<a href="{TagUrl}" class="tag">{Tag}</a><br>
  383. {/block:Tags}{/block:HasTags}
  384. </div>
  385.  
  386. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  387.  
  388. {block:Photo}
  389. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  390.  
  391. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  392.  
  393. {block:Quote}<div class="quote">{Quote}</div> <div class="dair">{block:Source}~{Source}{/block:Source}</div>{/block:Quote}
  394.  
  395. {block:Link}<center><div class="quote">→ <a href="{URL}" {Target}>{Name}</a></div></center>
  396. {block:Description}{Description}{/block:Description}{/block:Link}
  397.  
  398. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  399.  
  400. {block:Audio}{AudioPlayerWhite}
  401. <blockquote>{block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  402. {block:Artist} by {Artist}{/block:Artist}
  403. {block:Album} from {Album}{/block:Album}</blockquote>
  404. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  405.  
  406. {block:Video}{VideoEmbed-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  407.  
  408. {block:Answer}
  409. <div class="ask"><b>{Asker}:</b> {Question}</div>
  410. {Answer}
  411. {/block:Answer}
  412.  
  413. </div>
  414.  
  415. <div style="max-width:510px; padding-left: 5px;">
  416. {block:PostNotes}
  417. {PostNotes}
  418. {/block:PostNotes}
  419. </div>
  420.  
  421. {/block:Posts}
  422.  
  423. </div>
  424. </div>
  425.  
  426. <!-- IMPORTANT, DO NOT REMOVE CREDIT -->
  427. <div class="credit"><a href="http://tinyxothemes.tumblr.com/">TINY</a></div>
  428. </body>
  429. </html>
create a new version of this paste RAW Paste Data