Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
--
Fansite theme 01. by CrimsonxThemes
Navy Blue
nv bloo
o
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,700|Work+Sans:200,700" rel="stylesheet">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta http-equiv="x-dns-prefetch-control" content="off"/>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
rel="stylesheet">
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://static.tumblr.com/4fjyb6u/Vdgo7srut/slick.css"/>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>
<script>
//tooltips
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
<style type="text/css">
/* Transitions */
#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-
controls--desktop, .top {-moz-transition-duration: 0.3s; -o-transition-duration:
0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#s-m-t-tooltip, .recent img, .recent img:hover, .like_button, .our_button,
.like_button:hover + .our_button, a, a:hover
{-moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-
duration: 0.7s; transition-duration: 0.7s;}
/* Tooltips */
#s-m-t-tooltip {
max-width: 300px;
border-radius: 2px;
padding: 2px 5px 3px 5px;
margin: 15px;
background: {color:Post Background};
border: 1px solid {color:Tooltip};
font-family: open sans;
font-style:italic;
font-size: 9px;
text-transform: lowercase;
color: {color:Tooltip};
z-index: 99999;
letter-spacing: .5px;}
/* Selection Colors */
::selection {background: transparent!important; color: {color:Selection Color};}
::-moz-selection {background: transparent!important; color: {color:Selection
Color}}
/* Scrollbar Colors */
::-webkit-scrollbar {width: 11px;height: 11px;background: {color:Scrollbar
Background};}
::-webkit-scrollbar-thumb {background: {color:Scrollbar};}
::-webkit-scrollbar,::-webkit-scrollbar-thumb {border: 5px solid
{color:Background};}
/* Basics */
body { font-family: open sans; color: {color:Text}; font-size: {select:Font
Size}px; background: {color:Background}; font-weight: {select:Font Weight};}
blockquote {padding-left: 10px; margin: 5px 10px 5px; border-left: 1px solid
{color:Blockquote Border};}
ol {list-style: upper-roman;}
/* Links */
a {color: {color:Links}; text-decoration: none; border-bottom: 1px solid
{color:Link Border};}
a:hover {color: {color:Text};
{block:ifCrosshairPointer}
cursor: crosshair;
{/block:ifCrosshairPointer}}
.as a, .as2 a, .cred a, .icon a, .info a, .perm a, .perm2 a, .perm3 a, .media a,
.memname a {border: none;}
/* Icon */
.icon {position: absolute; left: 15px; top: -14px;}
.icon img {border-radius: 50%; background-color: {color:Post Background}; padding:
4px;}
/* Topbar Links */
.links {
position: absolute;
margin-top: 7px;
width: 100%;
text-align: center;}
.links a {
margin: 3px;
font-family: work sans;
font-size: 12px;}
/* Minimal Controls */
{block:IndexPage}
.con {position: absolute; margin-top: 7px; right: 20px;}
.con a {margin: 3px;}
.con a i {margin: 1px; font-size: 12px;}
{/block:IndexPage}
/* Regular Controls */
#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-
controls--desktop {
{block:IndexPage}
{block:ifMinimalControls}
display: none;
{/block:ifMinimalControls}
{/block:IndexPage}
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
filter: invert(100%);
opacity: 0.2;
z-index: 9999999;
top:23px;}
/* Box */
.box {
position: relative;
background: {color:Post Background};
padding: 20px;
width: 210px;
font-family: work sans;
font-size: {select:Info Font Size}px;
margin-bottom: 15px;
border-radius: 2px;}
/* Box Title */
.btitle {
width: 100%;
border-bottom: 1px dotted {color:Info Box Border};
padding-bottom: 3px;
color: {color:Info Box Border};
font-size: 12px;}
/* Members */
.mem img {float: left; margin-top: 8px;}
.mem {height: 65px; border-bottom: 1px dotted {color:Info Box Border};}
.memname, .memtag {
position:absolute;
margin-left:65px;
width:145px;
text-align:center;}
.memname {text-transform: uppercase; margin-top:21px;}
.memtag {margin-top:31px;}
/* Searchar */
.search .query {
border: 0;
outline: 0;
padding: 5px;
width: 190px;
margin-left: 5px;
background: transparent;
color: {color:Text};
opacity: .7;
font-family: work sans;}
/* Searchbar Placeholders */
::-webkit-input-placeholder {color: {color:Text}; text-align: center; font-family:
work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-
transition-duration: 0.7s; transition-duration: 0.7s;}
:-moz-placeholder {color: {color:Text}; text-align: center; opacity:1; font-family:
work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-
transition-duration: 0.7s; transition-duration: 0.7s;}
::-moz-placeholder {color: {color:Text}; text-align: center; opacity:1; font-
family: work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
:-ms-input-placeholder {color: {color:Text}; text-align: center; font-family: work
sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-
transition-duration: 0.7s; transition-duration: 0.7s;}
input:focus::-webkit-input-placeholder {color: transparent; -moz-transition-
duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
input:focus:-moz-placeholder {color: transparent; -moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-
duration: 0.7s;}
input:focus::-moz-placeholder {color: transparent; -moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-
duration: 0.7s;}
input:focus:-ms-input-placeholder { color: transparent; -moz-transition-duration:
0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-
duration: 0.7s;}
/* Posts */
#posts {
border-radius: 2px;
width: 400px;
padding: 20px 20px 10px 20px;
background: {color:Post Background};
text-align: justify;}
#posts img, #posts li, #posts blockquote {max-width: 100%;}
/* Chat Posts */
.lines {
font-family: work sans;
line-height: 100%;
margin: 5px 5px 15px 5px;}
/* Audio Posts */
.ap {
overflow: hidden;
padding: 0 5px 10px 5px;
width: auto;
height: 25px;
opacity: 0.5;}
.ai {
width: auto;
font-family: work sans;
font-size: 10px;
text-align:center;
margin-bottom:5px;}
/* Permalinks */
.perm, .perm2, .perm3 {
position: relative;
width: 400px;
padding: 5px 20px;
background: {color:Post Background};
border-radius: 2px;
font-family: work sans;
color: {color:Permalink};
font-size: 10px;
line-height: 16px;}
.perm { margin-bottom: 5px; margin-top: 30px; height: 15px;}
.perm2 {height: auto; margin-top: 5px; margin-bottom: 15px;}
.perm3 {height: auto; margin-top: -10px;}
.perm a, .perm2 a, .perm3 a {font-size: 10px;}
.perm a:hover, .perm2 a:hover, .perm3 a:hover {color:{color:Permalink Hover};}
.lr {
background: {color:Post Background};
width: 50px;
position: absolute;
right: 0;
padding: 5px 18px 2px 20px;
height: 15px;
margin-top: -5px;
border-radius: 2px;
text-align: right;}
.lr a {margin: 0 2px;}
/* Like Button */
.custom-like-button {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 1px 2px 1px 0;}
.like_button, .our_button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;}
.like_button {z-index: 10;opacity: 0;}
.our_button {z-index: 1;}
.like_button iframe {width: 100% !important;height: 100% !important;}
.custom-like-button *{cursor: crosshair!important;}
.like_button:hover + .our_button {color: #f3d7dc;}
/* Post Notes */
.pn li {list-style-type: none;}
.pn img {display: none;}
.pn {line-height: 20px; margin-left: -30px;}
/* Pagination */
.pag {
margin-left: 280px;
width: 430px;
text-align: center;
margin-bottom:30px;
padding: 5px;
background: {color:Post Background};
border-radius: 2px;}
.pag a {
font-family: work sans;
text-transform: uppercase;
font-size: 11px;
margin: 0 5px;}
</style>
</head>
<body>
<div class="top">
<div class="links">
<!-- Top Bar Links -->
<a href="/">Index</a>
<a href="/ask">Contact</a>
<a href="/submit">Submit</a>
<a href="{text:Link One URL}">{text:Link One Title}</a>
<a href="{text:Link Two URL}">{text:Link Two Title}</a>
<a href="{text:Link Three URL}">{text:Link Three Title}</a>
<a href="/archive">Past</a>
<!---->
</div>
{block:IndexPage}
{block:ifMinimalControls}
<div class="con">
<a title="Instant Message" href="http://tumblr.com/dashboard?
conversation={Name}"><i class="fa fa-comments-o"></i></a>
<a title="Follow" href="http://tumblr.com/follow/{Name}"><i class="fa fa-user-
plus"></i></a>
<a title="Dashboard" href="http://tumblr.com/"><i class="fa fa-power-
off"></i></a>
<a title="Theme Credit" href="http://crimsonxthemes.tumblr.com"><i class="fa
fa-anchor"></i></a>
</div>
{/block:ifMinimalControls}
{/block:IndexPage}
<div class="icon">
<a title="{Title}" href="/"><img src="{PortraitURL-48}" /></a>
</div>
</div>
<div class="header">
<img src="{image:Header Image}" />
</div>
{block:ifBackToTop}
<a href="#" class="back-to-top">Back to top <i class="fa fa-angle-double-
up"></i></a>
{/block:ifBackToTop}
<div id="container">
{block:ifExtraLinksBox}
<!--------------- Extra Links Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-share-alt"></i> Links</div>
<div class="blinks">
<!-- Extra Links -->
<a href="/">Extra Link One </a>
<!---->
</div>
</div>
<!------------------------------>
{/block:ifExtraLinksBox}
{block:ifMembersBox}
<!--------------- Members Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-users"></i> Members</div>
<!-- Members -->
<div class="mem">
<!-- Change Member Image -->
<img src="" />
<!---->
<!-- Change Member Link -->
<div class="memname">
<a href="/"></a>
</div>
<!---->
<!-- Change Member Tagline -->
<div class="memtag">
</div>
<!---->
</div>
<!---->
</div>
<!------------------------------>
{/block:ifMembersBox}
{block:ifStatisticsBox}
<!--------------- Statistics Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-pie-chart"></i> Statistics</div>
<div class="info">
<!-- Statistics -->
Visits:<br>
Status:<br>
Created:
<!---->
</div>
</div>
<!------------------------------>
{/block:ifStatisticsBox}
{block:ifAffiliatesBox}
<!--------------- Affiliates Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-thumbs-o-up"></i> Affiliates</div>
<div class="info">
<!-- Affiliates -->
<a title="" href=""><img src="" /></a>
<!---->
</div>
</div>
<!------------------------------>
{/block:ifAffiliatesBox}
{block:ifSearchBox}
<!--------------- Search Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-search"></i> Search</div>
<div class="info">
<form class="search" action="javascript:return false">
<input type="text" class="query" placeholder="{text:Search Text}"></form>
</div>
</div>
<!------------------------------>
{/block:ifSearchBox}
{block:ifUpdatesBox}
<!--------------- Updates Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-history"></i> Recent Updates</div>
<div class="info">
<div class="recent">
<img src="{image:Update One Image}" />
<img src="{image:Update Two Image}" />
<img src="{image:Update Three Image}" />
<img src="{image:Update Four Image}" />
<img src="{image:Update Five Image}" />
</div>
</div>
</div>
<!------------------------------>
{/block:ifUpdatesBox}
{block:ifSchedulesBox}
<!--------------- Schedule Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-calendar"></i> Schedule</div>
<!-- Change Schedule Info -->
<!-- Change Month -->
<div class="month">
<!-- Month here -->
</div>
<!-- Change Dates and Info -->
<div class="info">
<b><!-- Date here --></b> <!-- Info here --><p>
</div>
<!---->
<!---->
</div>
<!------------------------------>
{/block:ifSchedulesBox}
{block:ifProjectsBox}
<!--------------- Projects Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-folder-o"></i> Upcoming
Projects</div>
<!-- Projects -->
<!--- Change Project Image -->
<div class="pimg">
<img src=""/>
</div>
<!---->
<!-- Change Project Info -->
<div class="info">
<!-- Change Project Title -->
<center><b>Project title</b></center>
<!---->
<!-- Other Info -->
Release date: --/--/----<br>
Project Info: Lorem ipsum dolor sit amet, consectetur adipiscing
elit.
<!---->
</div>
<!---->
<!---->
</div>
<!------------------------------>
{/block:ifProjectsBox}
{block:ifRelatedBox}
<!--------------- Related Blogs Box --------------->
<div class="box">
<div class="btitle"><i class="fa fa-user-plus"></i> Related Blogs</div>
<div class="blinks">
<!-- Related Blog Links -->
<a href="/">Blog One </a>
<!---->
</div>
</div>
<!------------------------------>
{/block:ifRelatedBox}
<!----------------------------------------------------------------------->
<div class="entries">
{Block:Posts}
<div class="perm">
{Block:Date}
{block:IndexPage}
<div class="lr">
<div class="custom-like-button">
<div class="like_button">{LikeButton}</div>
<span class="our_button"><i class="fa fa-heart-o"></i></span>
</div>
{block:IndexPage}
<a title="{NoteCountWithLabel}" href="{Permalink}">{Month}
{DayOfMonthWithZero}, {ShortYear}</a> | {24HourWithZero}:{Minutes}:{Seconds}
{block:RebloggedFrom}| <a title="{ReblogParentName}"
href="{ReblogParentURL}">Via</a> | <a title="{ReblogRootName}"
href="{ReblogRootURL}">Origins</a> {/block:RebloggedFrom}
{/block:IndexPage}
{block:PermalinkPage}
{block:Text}Text {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Text}
{block:Photo}Photo {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Photo}
{block:Photoset}Photoset {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Photoset}
{block:Video}Video {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Video}
{block:Quote}Quote {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Quote}
{block:Link}Link {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Link}
{block:Chat}Chat {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Chat}
{block:Audio}Audio {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Audio}
{block:Answer}Answer {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Answer}
on {Month} {DayOfMonthWithZero}, {Year} at {24HourWithZero}:{Minutes}:
{Seconds}
{/block:PermalinkPage}
{/Block:Date}
</div>
<div id="posts">
{block:Text}{block:Title}<div class="pti">{Title}</div>{/block:Title}{Body}
{/block:Text}
{block:Photoset}<div class="media">{Photoset}</div>{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}
{block:Video}<div class="media">{Video-400}</div>{block:Caption}{Caption}
{/block:Caption}{/block:Video}
{block:Answer}<div class="as">{Asker}</div><div
class="ques">{Question}</div>{block:Answerer}<div class="as">{Answerer}</div><div
class="ques">{/block:Answerer}<div
class="ques2">{Answer}</div>{block:Answerer}</div>{/block:Answerer}{/block:Answer}
{block:Chat}{block:Title}<div class="pti">{Title}</div>{/block:Title}
{block:Lines} <div class="lines">{block:Label}<b>{Label}</b>{/block:Label}
{Line}</div>{/block:Lines}{/block:Chat}
{block:Audio}{block:AudioPlayer}<div
class="ap"><center>{AudioPlayer}</center></div>{/block:AudioPlayer}
{block:Artist}<div class="ai">{Artist}</div>{/block:Artist}{block:TrackName}<div
class="ai"><b>{TrackName}</b></div>{/block:TrackName}{block:Album}<div
class="ai">{Album}</div>{/block:Album}{block:PlayCount}<div
class="ai"><i>{PlayCountWithLabel}</i></div>{/block:PlayCount}{block:Caption}
{Caption}{/block:Caption}{/block:Audio}
</div>
{block:Date}
{block:IndexPage}
{block:HasTags}
<div class="perm2">
{block:Tags}<a href="{TagURL}">{text:Tags Symbol}{Tag} </a>{/block:Tags}
</div>
{/block:HasTags}
{/block:IndexPage}
{block:PermalinkPage}
<div class="perm2">
<center>{NoteCountWithLabel} {block:RebloggedFrom}| <a
title="{ReblogParentName}" href="{ReblogParentURL}">Via</a> | <a
title="{ReblogRootName}" href="{ReblogRootURL}">Origins</a>
{/block:RebloggedFrom}</center>
{block:HasTags}<center>{block:Tags}<a href="{TagURL}">{text:Tags Symbol}
{Tag} </a>{/block:Tags}</center>{/block:HasTags}
</div>
{block:PostNotes}
<div class="perm3">
<div class="pn">{PostNotes}</div>
</div>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Date}
{Block:Posts}
</div>
{block:Pagination}
<div class="pag">
{block:PreviousPage}<div class="next"><a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}{block:NextPage}<a
href="{NextPage}">Next</a></div>{/block:NextPage}
</div>
{/block:Pagination}
</div>
<!--------- No need to edit below this line --------->
{block:ifnotMinimalControls}
<div class="cred"><a href="http://crimsonxthemes.tumblr.com" title="Crimson
Themes"><i class="fa fa-anchor"></i></a></div>
{/block:ifnotMinimalControls}
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-
1.11.0.min.js"></script>
<script src="http://static.tumblr.com/4fjyb6u/DiNo7srsg/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//sticky top
$(function(){
var stickyRibbonTop = $('.top').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyRibbonTop ) {
$('.top').css({position: 'fixed', top: '0px', left: '0px', height: '56px',
width: '100%'});
$('.iframe-controls--desktop').css({top: '14px'});
$('.icon').css({top: '0px'});
$('.con').css({top: '13px'});
$('.links').css({top: '13px'});
} else {
$('.top').css({position: 'absolute', top: '20px', height: '30px', width:
'100%'});
$('.icon').css({top: '-14px'});
$('.con').css({top: '2px'});
$('.links').css({top: '2px'});
$('.iframe-controls--desktop').css({top: '24px'});
}
});
});
</script>
</body>
</html>