SlideShare a Scribd company logo
<!   #THEME POR   DIARIOS-DE-UM-OTARIO NÃO TIRE OS CRÉDITOS !>

<html>

<head> <!-- DEFAULT VARIABLES -->
<meta name="color:background" content="#222222" />
<meta name="color:sidebar" content="#000000" />
<meta name="color:post" content="#000000" />
<meta name="color:text" content="#ffffff" />
<meta name="color:link" content="#ffffff" />
<meta name="color:link hover" content="#222222" />
<meta name="color:text sidebar" content="#ffffff" />
<meta name="color:links" content="#222222" />
<meta name="color:links text" content="#000" />
<meta name="color:links text hover" content="#fff" />
<meta name="color:border" content="#f0f0f0" />
<meta name="color:scroll" content="#000" />
<meta name="color:scroll bg" content="#fff" />

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

<meta name="text:Title" content="" />

<meta   name="text:Link1" content="" />
<meta   name="text:Link1 Title" content=""   />
<meta   name="text:Link2" content="" />
<meta   name="text:Link2 Title" content=""   />
<meta   name="text:Link3" content="" />
<meta   name="text:Link3 Title" content=""   />
<meta   name="text:Link4" content="" />
<meta   name="text:Link4 Title" content=""   />
<meta   name="text:Link5" content="" />
<meta   name="text:Link5 Title" content=""   />
<meta   name="text:Link6" content="" />
<meta   name="text:Link6 Title" content=""   />


                      <title>{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}

     <style type="text/css">

body {background: {color:background} url('{image:background}') repeat; color:
{color:text}; font-family:verdana; font-size:11px; line-height:110%}

a { text-decoration:none; color:{color:link};}
a:hover {text-decoration:none; color:{color:link hover};}

p {margin: 6px 0 0 0}

blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background};
padding-left: 5px; }
blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid
{color:background};}
blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px
solid {color:background}; }
blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-
left: 4px solid {color:background}; }
blockquote   img{max-width: 470px!important}
blockquote   blockquote img{max-width: 450px!important}
blockquote   blockquote blockquote img{max-width: 430px!important}
blockquote   blockquote blockquote blockquote img{max-width: 410px!important}


#content {width:850px; margin: 20px auto 20px auto; }

#post {float:left; margin-left:310px; }

#postbox {width:500px; background-color:{color:post}; margin-bottom:1px;
padding:10px; text-align: justify; position: relative; border-right: 5px solid
{color:border}; }

h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px;
text-align: center; text-transform:uppercase; font-weight:normal; }
h1 a {color:{color:link}}
h1 a:hover {color:{color:link hover}}

.image {text-align: center; border: 0px}
.image img {max-width: 500px; margin-bottom: 2px }

.quote {font-family: georgia; text-align: center; font-size: 14px; line-height:
16px; padding: 3px;}
.quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
.quotesource a, a:hover{text-transform: none;}

.chat {line-height: 13px; list-style: none }
.chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
.person1 {color: {color:text}; padding: 2px; }
.person1 .label {font-weight: bold; color:{color:text}}
.person2 {color: {color:text}; padding: 2px; }
.person2 .label {font-weight: bold; color:{color:text}}

.player {background-color: #000; text-align: left; display:block;}

#asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
.answer {padding: 2px}
.answer img {max-width: 470px;}

#date {text-align: left; font-size: 9px; font-family: verdana; text-transform:
lowercase; z-index: 11; }
#date a {font-size: 9px; }

.tags {color: {color:text}; font-size: 9px; font-family: verdana; display:
inline; list-style: none; text-transform: lowercase;}
.tags a {font-size: 9px; color: verdana; display: inline; list-style: none;
text-transform: lowercase;}

#cap {width: 500px; margin-top: -2px;}
.source {display: none;}

.notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-
size: 9px; text-align: left}
ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
.notes img{display: none; border:0px}


#sidebar {position: fixed; margin: 70px 0px 0px 70px;}

#side {position: fixed; width:210px; margin-left:0px;}

#image {padding:5px; background-color:{color:sidebar}; margin-top:0px; margin-
left:0px;}
#image img {width:200px; height:auto;}

.nav {width: 200; height: auto; padding:0px; margin-top:-80px; margin-left:13px;
}
.nav a {float: left; display: block; width: 80px; height: 8px; line-height: 8px;
padding: 3px; font-family: Orator Std; font-size: 9px; text-align: center;
background-color: {color:links}; color:{color:links text}; text-decoration:
none; text-transform: lowercase; margin-right: 1px; margin-bottom: 1px;
opacity:0.7; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s
ease-out;}
.nav a:hover { background-color: transparent; color:{color:links text hover};
letter-spacing: 0px; font-weight: normal;}

.theme{position:fixed;width:70px; font-size:8px;font-family:verdana; text-
align:right; line-height: 4px; padding: 5px; font-style; background-color:
{color:sidebar}; color:{color:text sidebar}; padding: 5; margin-top:152px;
margin-left:0px;}
.theme a{ color:{color:text sidebar};}
.pg {font-size:5px;}

#pagination {font-family: verdana; font-size: 8px; text-align: center;}
#pagination a {background-color: {color:sidebar}; margin: 0 1px 0 0; padding:
2px 4px; color: {color:text sidebar};}
#pagination a:hover {background-color: {color:background}; color: {color:link
hover};}
#pagination span.pagina_atual {background: {color:sidebar}; margin: 0 1px 0 0;
padding: 2px 4px;; color: {color:text}; font-weight: bold; text-decoration:
none;}
.pagination { font-size:9px; font-family:verdana; text-align:center; background-
color:transparent; color:{color:text sidebar}; padding: 5px; margin-top:146px;
margin-left:90px; border-top: 1px dotted {color:text};}

.sd1{position:fixed;width:200px; font-size:9px;font-family:verdana; text-
align:right; line-height: 10px; padding: 5px; font-style; background-color:
{color:sidebar}; color:{color:text sidebar}; padding: 5; margin-top:81px;
margin-left:0px;}
.sd1 a{ color:{color:text sidebar};}
.pg {font-size:5px;}

.sd2{position:fixed;width:200px; font-size:9px;font-family:verdana; text-
align:right; line-height: 10px; padding: 5px; font-style; background-color:
{color:sidebar}; color:{color:text sidebar}; padding: 5; margin-top:58px;
margin-left:0px;}
.sd2 a{ color:{color:text sidebar};}
.pg {font-size:5px;}

#tumblr_controls{position:   fixed!important}
#tumblr_controls{position:   fixed!important}
#tumblr_controls{position:   fixed!important}
#tumblr_controls{position:   fixed!important}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-
color:transparent;}
::-webkit-scrollbar-track-piece{background-color: {color:scroll bg}; -webkit-
border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-
left-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:
{color:scroll};-webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:
{color:scroll};-webkit-border-radius:px;}
</style>

</head>

<body>

<div id="content">

<div id="sidebar">
<div id="side">

<div id="image"><img src="{image:sidebar}"/><div
class="title"><center>{text:title}</center></div>
</div>

<div class="nav">
<a href="{text:Link1}">{text:Link1   Title}</a>
<a href="{text:Link2}">{text:Link2   Title}</a>
<a href="{text:Link3}">{text:Link3   Title}</a>
<a href="{text:Link4}">{text:Link4   Title}</a>
<a href="{text:Link5}">{text:Link5   Title}</a>
<a href="{text:Link6}">{text:Link6   Title}</a>
</div>


<div class="sd2"><div
class="title"><center><b>{text:title}</b></center></div></div>

<div class="sd1"><div class="description"><center>
{description}<center></div></div>

<div class="theme"><center><a href="http://diarios-de-um-
otario.tumblr.com/">theme © </center></a></div>

<div class="pagination"><div id="pagination">
{block:JumpPagination length="6"}
{block:CurrentPage}<span
class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page"
href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
</div></div>


</div>
</div>


<div id="post">

{block:Posts}
<div id="postbox">
{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-
500}"></div>{LinkCloseTag}{/block:Photo}

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

{block:Quote}
<div class="quote">“{Quote}“</div>
{block:Source}<div class="quotesource"> “ {Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="chat"><ul>{block:Lines}
<li class="person{UserNumber}">{block:Label}
<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul></div>
{/block:Chat}

{block:Audio}
<div class="player">{AudioPlayerBlack}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}{Video-500}{/block:Video}


{block:Answer}
<div id="asker"><b>{Asker} disse:</b> {Question}</div>
<div class="answer">{Answer}</div>
{/block:Answer}


<div id="cap">
{block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

<div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:
{block:SourceLogo}
      <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}"
alt="{SourceTitle}" />
        {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}
{/block:NoSourceLogo}</a>
{/block:ContentSource}</div></div>
<br>


<div id="date">
{block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a
href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}
<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage}
· <a href="{ReblogUrl}" target="_blank"><b>reblog</b></a>{/block:IndexPage}
{block:RebloggedFrom}<br> via <a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}{block:RebloggedFrom} (Original<a href="{ReblogRootURL}"
title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom}

</div>
</div>
</div>{/block:Date}


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

</div>
</div>
</div>
</body>
</html>

More Related Content

What's hot

Document
DocumentDocument
Document
Naveed Anjum
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorials
Yogesh Gupta
 
Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2
cori0506
 
LessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingLessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG Meeting
Myles Braithwaite
 
HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219
GrezCZ
 
A More Perfect Union with CSS
A More Perfect Union with CSSA More Perfect Union with CSS
A More Perfect Union with CSS
Christopher Schmitt
 
This is a test
This is a testThis is a test
This is a test
cmailhotos4
 
Work and play with SASS & Compass
Work and play with SASS & CompassWork and play with SASS & Compass
Work and play with SASS & Compass
Andreas Dantz
 
Getting Started with Sass & Compass
Getting Started with Sass & CompassGetting Started with Sass & Compass
Getting Started with Sass & Compass
Rob Davarnia
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
tutorialsruby
 
Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and Compass
Dave Ross
 
جيفيرا باي الساحل الشمالي
جيفيرا باي الساحل الشماليجيفيرا باي الساحل الشمالي
جيفيرا باي الساحل الشمالي
Reda Hassan
 
Html structure
Html structureHtml structure
Html structure
akkias
 
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
拓樹 谷
 
Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)
emrox
 
LESS is More
LESS is MoreLESS is More
LESS is More
jsmith92
 
Doctype html publi
Doctype html publiDoctype html publi
Doctype html publi
Eddy_TKJ
 
Harendra Singh,BCA Third Year
Harendra Singh,BCA Third YearHarendra Singh,BCA Third Year
Harendra Singh,BCA Third Year
dezyneecole
 
Class 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddleClass 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddle
Erin M. Kidwell
 

What's hot (19)

Document
DocumentDocument
Document
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorials
 
Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2Corilennyg gmail-com-rsp2
Corilennyg gmail-com-rsp2
 
LessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingLessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG Meeting
 
HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219
 
A More Perfect Union with CSS
A More Perfect Union with CSSA More Perfect Union with CSS
A More Perfect Union with CSS
 
This is a test
This is a testThis is a test
This is a test
 
Work and play with SASS & Compass
Work and play with SASS & CompassWork and play with SASS & Compass
Work and play with SASS & Compass
 
Getting Started with Sass & Compass
Getting Started with Sass & CompassGetting Started with Sass & Compass
Getting Started with Sass & Compass
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and Compass
 
جيفيرا باي الساحل الشمالي
جيفيرا باي الساحل الشماليجيفيرا باي الساحل الشمالي
جيفيرا باي الساحل الشمالي
 
Html structure
Html structureHtml structure
Html structure
 
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
 
Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)
 
LESS is More
LESS is MoreLESS is More
LESS is More
 
Doctype html publi
Doctype html publiDoctype html publi
Doctype html publi
 
Harendra Singh,BCA Third Year
Harendra Singh,BCA Third YearHarendra Singh,BCA Third Year
Harendra Singh,BCA Third Year
 
Class 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddleClass 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddle
 

Similar to Theme02

Theme futura suicida não use como base e nem copie
Theme futura suicida não use como base e nem copieTheme futura suicida não use como base e nem copie
Theme futura suicida não use como base e nem copie
Rafaela Souza
 
Yeni metin belgesi (2)
Yeni metin belgesi (2)Yeni metin belgesi (2)
Yeni metin belgesi (2)
makarnalar
 
Documento
DocumentoDocumento
Documento
Bruunooo
 
Week ThreeExpress Holidayscssstyle.csshtml{ height 100.docx
Week ThreeExpress Holidayscssstyle.csshtml{ height 100.docxWeek ThreeExpress Holidayscssstyle.csshtml{ height 100.docx
Week ThreeExpress Holidayscssstyle.csshtml{ height 100.docx
philipnelson29183
 
Css code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdfCss code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdf
aroraenterprisesmbd
 
Making Links Magical Again with CSS
Making Links Magical Again with CSSMaking Links Magical Again with CSS
Making Links Magical Again with CSS
Jenn Lukas
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
tutorialsruby
 
My discussion Student A A8 - Cross-Site Request Forgery (CSR.docx
My discussion Student A A8 - Cross-Site Request Forgery (CSR.docxMy discussion Student A A8 - Cross-Site Request Forgery (CSR.docx
My discussion Student A A8 - Cross-Site Request Forgery (CSR.docx
gilpinleeanna
 
Teddy Bear Blue
Teddy Bear BlueTeddy Bear Blue
Teddy Bear Blue
angeliclv
 
untitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docx
untitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docxuntitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docx
untitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docx
dickonsondorris
 
Harendra Singh,BCA Third Year
Harendra Singh,BCA Third YearHarendra Singh,BCA Third Year
Harendra Singh,BCA Third Year
dezyneecole
 
sitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docxsitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docx
maoanderton
 
Floating ad widget
Floating ad widgetFloating ad widget
Floating ad widget
panther420
 
Mobile-first OOCSS, Sass & Compass at BBC Responsive News
Mobile-first OOCSS, Sass & Compass at BBC Responsive NewsMobile-first OOCSS, Sass & Compass at BBC Responsive News
Mobile-first OOCSS, Sass & Compass at BBC Responsive News
Kaelig Deloumeau-Prigent
 
cssstyle.cssbody { font-family Montserrat, Arial, sa
cssstyle.cssbody {    font-family Montserrat, Arial, sacssstyle.cssbody {    font-family Montserrat, Arial, sa
cssstyle.cssbody { font-family Montserrat, Arial, sa
MargenePurnell14
 
Css tips & tricks
Css tips & tricksCss tips & tricks
Css tips & tricks
anubavam-techkt
 
HTML&CSS 5 - Intermediate CSS (2/2)
HTML&CSS 5 - Intermediate CSS (2/2)HTML&CSS 5 - Intermediate CSS (2/2)
HTML&CSS 5 - Intermediate CSS (2/2)
Dinis Correia
 
FCIP SASS Talk
FCIP SASS TalkFCIP SASS Talk
FCIP SASS Talk
Chris Schneider
 
Codes For Hi5(1)
Codes For Hi5(1)Codes For Hi5(1)
Codes For Hi5(1)
guest5ea29
 

Similar to Theme02 (19)

Theme futura suicida não use como base e nem copie
Theme futura suicida não use como base e nem copieTheme futura suicida não use como base e nem copie
Theme futura suicida não use como base e nem copie
 
Yeni metin belgesi (2)
Yeni metin belgesi (2)Yeni metin belgesi (2)
Yeni metin belgesi (2)
 
Documento
DocumentoDocumento
Documento
 
Week ThreeExpress Holidayscssstyle.csshtml{ height 100.docx
Week ThreeExpress Holidayscssstyle.csshtml{ height 100.docxWeek ThreeExpress Holidayscssstyle.csshtml{ height 100.docx
Week ThreeExpress Holidayscssstyle.csshtml{ height 100.docx
 
Css code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdfCss code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdf
 
Making Links Magical Again with CSS
Making Links Magical Again with CSSMaking Links Magical Again with CSS
Making Links Magical Again with CSS
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
My discussion Student A A8 - Cross-Site Request Forgery (CSR.docx
My discussion Student A A8 - Cross-Site Request Forgery (CSR.docxMy discussion Student A A8 - Cross-Site Request Forgery (CSR.docx
My discussion Student A A8 - Cross-Site Request Forgery (CSR.docx
 
Teddy Bear Blue
Teddy Bear BlueTeddy Bear Blue
Teddy Bear Blue
 
untitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docx
untitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docxuntitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docx
untitled folder 6.DS_Store__MACOSXuntitled folder 6._.DS_.docx
 
Harendra Singh,BCA Third Year
Harendra Singh,BCA Third YearHarendra Singh,BCA Third Year
Harendra Singh,BCA Third Year
 
sitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docxsitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docx
 
Floating ad widget
Floating ad widgetFloating ad widget
Floating ad widget
 
Mobile-first OOCSS, Sass & Compass at BBC Responsive News
Mobile-first OOCSS, Sass & Compass at BBC Responsive NewsMobile-first OOCSS, Sass & Compass at BBC Responsive News
Mobile-first OOCSS, Sass & Compass at BBC Responsive News
 
cssstyle.cssbody { font-family Montserrat, Arial, sa
cssstyle.cssbody {    font-family Montserrat, Arial, sacssstyle.cssbody {    font-family Montserrat, Arial, sa
cssstyle.cssbody { font-family Montserrat, Arial, sa
 
Css tips & tricks
Css tips & tricksCss tips & tricks
Css tips & tricks
 
HTML&CSS 5 - Intermediate CSS (2/2)
HTML&CSS 5 - Intermediate CSS (2/2)HTML&CSS 5 - Intermediate CSS (2/2)
HTML&CSS 5 - Intermediate CSS (2/2)
 
FCIP SASS Talk
FCIP SASS TalkFCIP SASS Talk
FCIP SASS Talk
 
Codes For Hi5(1)
Codes For Hi5(1)Codes For Hi5(1)
Codes For Hi5(1)
 

Recently uploaded

Catalytic Converter theft prevention - NYC.pptx
Catalytic Converter theft prevention - NYC.pptxCatalytic Converter theft prevention - NYC.pptx
Catalytic Converter theft prevention - NYC.pptx
Blue Star Brothers
 
原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样
原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样
原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样
utuvvas
 
EV Charging at MFH Properties by Whitaker Jamieson
EV Charging at MFH Properties by Whitaker JamiesonEV Charging at MFH Properties by Whitaker Jamieson
EV Charging at MFH Properties by Whitaker Jamieson
Forth
 
Charging and Fueling Infrastructure Grant: Round 2 by Brandt Hertenstein
Charging and Fueling Infrastructure Grant: Round 2 by Brandt HertensteinCharging and Fueling Infrastructure Grant: Round 2 by Brandt Hertenstein
Charging and Fueling Infrastructure Grant: Round 2 by Brandt Hertenstein
Forth
 
53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...
53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...
53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...
MarynaYurchenko2
 
一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理
一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理
一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理
afkxen
 
一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理
一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理
一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理
afkxen
 
Charging Fueling & Infrastructure (CFI) Program Resources by Cat Plein
Charging Fueling & Infrastructure (CFI) Program Resources by Cat PleinCharging Fueling & Infrastructure (CFI) Program Resources by Cat Plein
Charging Fueling & Infrastructure (CFI) Program Resources by Cat Plein
Forth
 
Expanding Access to Affordable At-Home EV Charging by Vanessa Warheit
Expanding Access to Affordable At-Home EV Charging by Vanessa WarheitExpanding Access to Affordable At-Home EV Charging by Vanessa Warheit
Expanding Access to Affordable At-Home EV Charging by Vanessa Warheit
Forth
 
Charging Fueling & Infrastructure (CFI) Program by Kevin Miller
Charging Fueling & Infrastructure (CFI) Program  by Kevin MillerCharging Fueling & Infrastructure (CFI) Program  by Kevin Miller
Charging Fueling & Infrastructure (CFI) Program by Kevin Miller
Forth
 
一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理
一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理
一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理
u2cz10zq
 
快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样
快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样
快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样
78tq3hi2
 
原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样
原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样
原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样
g1inbfro
 
原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样
原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样
原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样
78tq3hi2
 
EV Charging at Multifamily Properties by Kevin Donnelly
EV Charging at Multifamily Properties by Kevin DonnellyEV Charging at Multifamily Properties by Kevin Donnelly
EV Charging at Multifamily Properties by Kevin Donnelly
Forth
 
按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理
按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理
按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理
ggany
 
Here's Why Every Semi-Truck Should Have ELDs
Here's Why Every Semi-Truck Should Have ELDsHere's Why Every Semi-Truck Should Have ELDs
Here's Why Every Semi-Truck Should Have ELDs
jennifermiller8137
 
Dahua Security Camera System Guide esetia
Dahua Security Camera System Guide esetiaDahua Security Camera System Guide esetia
Dahua Security Camera System Guide esetia
Esentia Systems
 

Recently uploaded (18)

Catalytic Converter theft prevention - NYC.pptx
Catalytic Converter theft prevention - NYC.pptxCatalytic Converter theft prevention - NYC.pptx
Catalytic Converter theft prevention - NYC.pptx
 
原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样
原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样
原版定做(mmu学位证书)英国曼彻斯特城市大学毕业证本科文凭原版一模一样
 
EV Charging at MFH Properties by Whitaker Jamieson
EV Charging at MFH Properties by Whitaker JamiesonEV Charging at MFH Properties by Whitaker Jamieson
EV Charging at MFH Properties by Whitaker Jamieson
 
Charging and Fueling Infrastructure Grant: Round 2 by Brandt Hertenstein
Charging and Fueling Infrastructure Grant: Round 2 by Brandt HertensteinCharging and Fueling Infrastructure Grant: Round 2 by Brandt Hertenstein
Charging and Fueling Infrastructure Grant: Round 2 by Brandt Hertenstein
 
53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...
53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...
53286592-Global-Entrepreneurship-and-the-Successful-Growth-Strategies-of-Earl...
 
一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理
一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理
一比一原版(WashU文凭证书)圣路易斯华盛顿大学毕业证如何办理
 
一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理
一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理
一比一原版(Columbia文凭证书)哥伦比亚大学毕业证如何办理
 
Charging Fueling & Infrastructure (CFI) Program Resources by Cat Plein
Charging Fueling & Infrastructure (CFI) Program Resources by Cat PleinCharging Fueling & Infrastructure (CFI) Program Resources by Cat Plein
Charging Fueling & Infrastructure (CFI) Program Resources by Cat Plein
 
Expanding Access to Affordable At-Home EV Charging by Vanessa Warheit
Expanding Access to Affordable At-Home EV Charging by Vanessa WarheitExpanding Access to Affordable At-Home EV Charging by Vanessa Warheit
Expanding Access to Affordable At-Home EV Charging by Vanessa Warheit
 
Charging Fueling & Infrastructure (CFI) Program by Kevin Miller
Charging Fueling & Infrastructure (CFI) Program  by Kevin MillerCharging Fueling & Infrastructure (CFI) Program  by Kevin Miller
Charging Fueling & Infrastructure (CFI) Program by Kevin Miller
 
一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理
一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理
一比一原版(UMich毕业证)密歇根大学|安娜堡分校毕业证如何办理
 
快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样
快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样
快速办理(napier毕业证书)英国龙比亚大学毕业证在读证明一模一样
 
原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样
原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样
原版制作(澳洲WSU毕业证书)西悉尼大学毕业证文凭证书一模一样
 
原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样
原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样
原版制作(Exeter毕业证书)埃克塞特大学毕业证完成信一模一样
 
EV Charging at Multifamily Properties by Kevin Donnelly
EV Charging at Multifamily Properties by Kevin DonnellyEV Charging at Multifamily Properties by Kevin Donnelly
EV Charging at Multifamily Properties by Kevin Donnelly
 
按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理
按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理
按照学校原版(UniSA文凭证书)南澳大学毕业证快速办理
 
Here's Why Every Semi-Truck Should Have ELDs
Here's Why Every Semi-Truck Should Have ELDsHere's Why Every Semi-Truck Should Have ELDs
Here's Why Every Semi-Truck Should Have ELDs
 
Dahua Security Camera System Guide esetia
Dahua Security Camera System Guide esetiaDahua Security Camera System Guide esetia
Dahua Security Camera System Guide esetia
 

Theme02

  • 1. <! #THEME POR DIARIOS-DE-UM-OTARIO NÃO TIRE OS CRÉDITOS !> <html> <head> <!-- DEFAULT VARIABLES --> <meta name="color:background" content="#222222" /> <meta name="color:sidebar" content="#000000" /> <meta name="color:post" content="#000000" /> <meta name="color:text" content="#ffffff" /> <meta name="color:link" content="#ffffff" /> <meta name="color:link hover" content="#222222" /> <meta name="color:text sidebar" content="#ffffff" /> <meta name="color:links" content="#222222" /> <meta name="color:links text" content="#000" /> <meta name="color:links text hover" content="#fff" /> <meta name="color:border" content="#f0f0f0" /> <meta name="color:scroll" content="#000" /> <meta name="color:scroll bg" content="#fff" /> <meta name="image:background" content="" /> <meta name="image:sidebar" content="" /> <meta name="text:Title" content="" /> <meta name="text:Link1" content="" /> <meta name="text:Link1 Title" content="" /> <meta name="text:Link2" content="" /> <meta name="text:Link2 Title" content="" /> <meta name="text:Link3" content="" /> <meta name="text:Link3 Title" content="" /> <meta name="text:Link4" content="" /> <meta name="text:Link4 Title" content="" /> <meta name="text:Link5" content="" /> <meta name="text:Link5 Title" content="" /> <meta name="text:Link6" content="" /> <meta name="text:Link6 Title" content="" /> <title>{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} <style type="text/css"> body {background: {color:background} url('{image:background}') repeat; color: {color:text}; font-family:verdana; font-size:11px; line-height:110%} a { text-decoration:none; color:{color:link};} a:hover {text-decoration:none; color:{color:link hover};} p {margin: 6px 0 0 0} blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; } blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};} blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; } blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border- left: 4px solid {color:background}; }
  • 2. blockquote img{max-width: 470px!important} blockquote blockquote img{max-width: 450px!important} blockquote blockquote blockquote img{max-width: 430px!important} blockquote blockquote blockquote blockquote img{max-width: 410px!important} #content {width:850px; margin: 20px auto 20px auto; } #post {float:left; margin-left:310px; } #postbox {width:500px; background-color:{color:post}; margin-bottom:1px; padding:10px; text-align: justify; position: relative; border-right: 5px solid {color:border}; } h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px; text-align: center; text-transform:uppercase; font-weight:normal; } h1 a {color:{color:link}} h1 a:hover {color:{color:link hover}} .image {text-align: center; border: 0px} .image img {max-width: 500px; margin-bottom: 2px } .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;} .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;} .quotesource a, a:hover{text-transform: none;} .chat {line-height: 13px; list-style: none } .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;} .person1 {color: {color:text}; padding: 2px; } .person1 .label {font-weight: bold; color:{color:text}} .person2 {color: {color:text}; padding: 2px; } .person2 .label {font-weight: bold; color:{color:text}} .player {background-color: #000; text-align: left; display:block;} #asker {font-size: 11px; font-family: {font:text}; text-align: justify;} .answer {padding: 2px} .answer img {max-width: 470px;} #date {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; } #date a {font-size: 9px; } .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;} .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;} #cap {width: 500px; margin-top: -2px;} .source {display: none;} .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font- size: 9px; text-align: left} ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;} ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; } .notes img{display: none; border:0px} #sidebar {position: fixed; margin: 70px 0px 0px 70px;} #side {position: fixed; width:210px; margin-left:0px;} #image {padding:5px; background-color:{color:sidebar}; margin-top:0px; margin-
  • 3. left:0px;} #image img {width:200px; height:auto;} .nav {width: 200; height: auto; padding:0px; margin-top:-80px; margin-left:13px; } .nav a {float: left; display: block; width: 80px; height: 8px; line-height: 8px; padding: 3px; font-family: Orator Std; font-size: 9px; text-align: center; background-color: {color:links}; color:{color:links text}; text-decoration: none; text-transform: lowercase; margin-right: 1px; margin-bottom: 1px; opacity:0.7; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;} .nav a:hover { background-color: transparent; color:{color:links text hover}; letter-spacing: 0px; font-weight: normal;} .theme{position:fixed;width:70px; font-size:8px;font-family:verdana; text- align:right; line-height: 4px; padding: 5px; font-style; background-color: {color:sidebar}; color:{color:text sidebar}; padding: 5; margin-top:152px; margin-left:0px;} .theme a{ color:{color:text sidebar};} .pg {font-size:5px;} #pagination {font-family: verdana; font-size: 8px; text-align: center;} #pagination a {background-color: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text sidebar};} #pagination a:hover {background-color: {color:background}; color: {color:link hover};} #pagination span.pagina_atual {background: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:text}; font-weight: bold; text-decoration: none;} .pagination { font-size:9px; font-family:verdana; text-align:center; background- color:transparent; color:{color:text sidebar}; padding: 5px; margin-top:146px; margin-left:90px; border-top: 1px dotted {color:text};} .sd1{position:fixed;width:200px; font-size:9px;font-family:verdana; text- align:right; line-height: 10px; padding: 5px; font-style; background-color: {color:sidebar}; color:{color:text sidebar}; padding: 5; margin-top:81px; margin-left:0px;} .sd1 a{ color:{color:text sidebar};} .pg {font-size:5px;} .sd2{position:fixed;width:200px; font-size:9px;font-family:verdana; text- align:right; line-height: 10px; padding: 5px; font-style; background-color: {color:sidebar}; color:{color:text sidebar}; padding: 5; margin-top:58px; margin-left:0px;} .sd2 a{ color:{color:text sidebar};} .pg {font-size:5px;} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} ::-webkit-scrollbar{width:10px;height:10px;} ::-webkit-scrollbar-button:start:decrement ::-webkit-scrollbar-button:end:increment{display:block;height:0;background- color:transparent;} ::-webkit-scrollbar-track-piece{background-color: {color:scroll bg}; -webkit- border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom- left-radius:0px;} ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;} ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  • 4. </style> </head> <body> <div id="content"> <div id="sidebar"> <div id="side"> <div id="image"><img src="{image:sidebar}"/><div class="title"><center>{text:title}</center></div> </div> <div class="nav"> <a href="{text:Link1}">{text:Link1 Title}</a> <a href="{text:Link2}">{text:Link2 Title}</a> <a href="{text:Link3}">{text:Link3 Title}</a> <a href="{text:Link4}">{text:Link4 Title}</a> <a href="{text:Link5}">{text:Link5 Title}</a> <a href="{text:Link6}">{text:Link6 Title}</a> </div> <div class="sd2"><div class="title"><center><b>{text:title}</b></center></div></div> <div class="sd1"><div class="description"><center> {description}<center></div></div> <div class="theme"><center><a href="http://diarios-de-um- otario.tumblr.com/">theme © </center></a></div> <div class="pagination"><div id="pagination"> {block:JumpPagination length="6"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} </div></div> </div> </div> <div id="post"> {block:Posts} <div id="postbox"> {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text} {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL- 500}"></div>{LinkCloseTag}{/block:Photo} {block:Photoset}{Photoset-500}{/block:Photoset} {block:Quote} <div class="quote">“{Quote}“</div> {block:Source}<div class="quotesource"> “ {Source}</div> {/block:Source} {/block:Quote}
  • 5. {block:Link} <h1><a href="{URL}" {Target}>{Name}</a></h1> {block:Description}{Description}{/block:Description} {/block:Link} {block:Chat} {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} <div class="chat"><ul>{block:Lines} <li class="person{UserNumber}">{block:Label} <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div> {/block:Chat} {block:Audio} <div class="player">{AudioPlayerBlack}</div> {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video}{Video-500}{/block:Video} {block:Answer} <div id="asker"><b>{Asker} disse:</b> {Question}</div> <div class="answer">{Answer}</div> {/block:Answer} <div id="cap"> {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo} {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video} {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}: {block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink} {/block:NoSourceLogo}</a> {/block:ContentSource}</div></div> <br> <div id="date"> {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags} <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank"><b>reblog</b></a>{/block:IndexPage} {block:RebloggedFrom}<br> via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}{block:RebloggedFrom} (Original<a href="{ReblogRootURL}" title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom} </div> </div> </div>{/block:Date} {/block:Posts} {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes} </div> </div> </div>