Vous êtes sur la page 1sur 9

<!

--

base code by chraliecox


go wild, make it your own, no credit needed

--

video resizing script by


http://shythemes.tumblr.com/

-->

<!DOCTYPE html>

<head>

<link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css"
rel="stylesheet">

<title>?</title>

<link rel="shortcut icon" href="{Favicon}">


<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}

<!--Default Variables-->

<meta name="color:background" content="#ffffff"/>


<meta name="color:text" content="#000"/>
<meta name="color:link" content="#f45f5f"/>
<meta name="color:link hover" content="#ffbdbd"/>
<meta name="color:blockquote" content="#d4d4d4"/>

<meta name="image:sidebar" content=""/>

<meta name="text:link 1 URL" content="" />


<meta name="text:link 1" content="" />
<meta name="text:link 2 URL" content="" />
<meta name="text:link 2" content="" />

<!--CSS customization here. -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"


integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ"
crossorigin="anonymous"></script>

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

</script>

<style type="text/css">

/*tooltip*/

#s-m-t-tooltip {
max-width:500px;
margin:20px 10px 10px 10px;
padding:3px 10px;
background:#ffd6d6;
border-radius:4px;
border:1px solid #f45f5f;
color:{color:text};
z-index:999999;
font-size:12px;
font-style:none;
display:inline;
opacity:0;
}

/*scrollbar*/

::-webkit-scrollbar {
width:17px;
height:17px;
}

::-webkit-scrollbar {
background-color:rgb(255,255,255);
}

::-webkit-scrollbar-track {
border:5px solid rgb(254,254,254);
background-color:rgb(255,255,255);
}

::-webkit-scrollbar-thumb {
border:8px solid rgb(255,255,255);
background-color:rgb(255,124,124);
min-height:40px;
min-width:40x;
}

/*basics*/

ul {
list-style:none;
text-align:left;
padding-left:0;
}
li {
position:relative;
padding-left:30px;
}

ul li:before {
position:absolute;
left:15px;
vertical-align:baseline!important;
color:black;
content:'/2022';
}

body {
background-color: #fff;
color:{color:text};
font-family:'Source Sans Pro', sans-serif;
font-size:13px;
margin:0;
text-align:justify;
line-height:16px;
}

a {
color:{color:link};
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
text-decoration:none;
}

a:hover {
color:{color:link hover};
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

img {
opacity:1;
border:none;
text-decoration:none;
}

small {
font-size:13px;
}

big {
font-size:13px;
}

#title {
font-size:15px;
line-height:18px;
color:#e35757;
margin-bottom:10px;
font-weight:bold;
text-transform:none;
text-align:left;
}

/*sidebar*/

#sidebar {
width: 100%;
height: 100px;
background-color:pink;
background: url(https://mir-s3-cdn-
cf.behance.net/project_modules/fs/1b0df154790901.59696be66097c.png) no-repeat
center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: fixed;
z-index:-1;
top: 0px;
left: 0px;}

#sidebars {
width: 50%;
height: 50px;
background-color: #fff;
position: fixed;
z-index:1;
top: 33px;
left: 25%;}

#sidebar img {
width:20px;
}

#links {
margin-top:23px;
text-transform:uppercase;
font-weight:bold;
margin-left:25px;
text-align:center;
font-size:15px;
color:grey;
}

#links a {
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

#description {
margin-top:10px;
text-align:center;
}

#titles {
z-index:10;
text-align:center;
top:20px;
left:25%;
font-size:40px;
color:grey;
width: 50%;
position: fixed;
}

/*pagination*/

#pagination {
text-transform:lowercase;
text-align:center;
font-size:13px;
margin-bottom:120px;
}

#pagination a {
padding:0 3px;
}

/*container*/

#con {
left:50%;
margin-left:-140px;
position:absolute;
}

/*posts*/

#entries {
margin-top:95px;
width:500px;
}

#posts {
width:500px;
{block:IndexPage}
margin-bottom:80px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}
}

#posts img {
max-width:500px;
}

#posts img, #posts li, #posts blockquote {


max-width: 100%;
}

.caption {
width:100%;
margin-top:13px;
margin-bottom:12px;
}

a.tumblr_blog {
font-weight:bold;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

/*quote*/

#titlequote {
text-align:left;
font-size:12px;
line-height:17px;
font-weight:bold;
}

#source {
margin-top:0px;
margin-bottom:11px;
margin-left:0px;
}

/*asks*/

.q {
line-height:17px;
font-size:11px;
}

.as {
font-weight:normal;
}

.a {
margin-top:13px;
}

/*chat*/

.chat ol {
padding:0;
list-style:none;
}

.line {
padding:0px 0;
}

.label {
font-weight:bold;
}

/*permalink and notes*/

#permalink {
font-size:11px;
text-align:left;
margin-top:6px;
text-transform:lowercase;
}

#permalink a {
margin-right:0px;
}

.tags {
font-size:11px;
text-transform:none;
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:500px;
text-align:left;
}

.pagenotes img {
display:none!important;
}

.pagenotes li {
list-style-type:none;
padding:2px 0px;
text-align:left;
margin:0 0 0 -40px;
}

{CustomCSS}

</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>

</head>

<body>

<div id="con">

<div id="sidebar"></div>
<div id="titles">neocult</div>

<div id="sidebars">
<div id="links">
<a href="/">home</a>&nbsp;&nbsp;
<a href="/contact">ask</a>&nbsp;&nbsp;
{block:iflink1}<a href="{text:link 1 URL}">{text:link
1}</a>{/block:iflink1}&nbsp;&nbsp;
{block:iflink2}<a href="{text:link 2 URL}" >{text:link
2}</a>{/block:iflink2}&nbsp;&nbsp;</div>

</div>
<div id="entries">

{block:Posts}

<div id="posts">

{block:Quote}
<div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i
class="fa fa-quote-right"></i></div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}
<div id="title">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:link}
<div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:link}

{block:Chat}
{block:Title}
<div id="title">{Title}</div>{/block:Title}
{/block:Text}
{block:lines}
{block:label}
<br><b>{label}</b>
{/block:label}
{line}
{/block:lines}
{/block:Chat}

{block:Photo}
{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-500}
{/block:Photoset}

<div class="video">{Video-500}</div>

{block:Audio}
{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
{/block:Audio}

{block:Answer}
<div class="q">
<div class="as"> <b><big>{Asker} said:</big></b>
{Question}</div></div>
<div class="a">{Answer}</div>
{/block:Answer}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
<!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom}
{ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->

{block:Date}
<div id="permalink">
<a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
{block:NoteCount} with <a
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div
style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}"
title="{ReblogParentName}">via</a>{block:ContentSource} <a href="{ReblogRootURL}"
title="{ReblogRootName}">source</a>{/block:ContentSource}
{/block:RebloggedFrom}</div>

{block:HasTags}<div class="tags">{block:Tags}<a
href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}

</div>

{/block:Date}

</div>

{block:PostNotes}
<div class="pagenotes">
{PostNotes}
</div>
{/block:PostNotes}

{/block:Posts}

<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">previous page</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">next page</a>
{/block:NextPage}
{/block:Pagination}
</div>

</div>

</div>

</body></html>

Vous aimerez peut-être aussi