{block:description} <meta name="description" content="{description}"/> {/block:description}

Size: px

Start display at page:

Download "{block:description} <meta name="description" content="{description}"/> {/block:description}"

Tamsin Rice
5 years ago
Views:

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="en" lang="en"> <head> <link rel="shortcut icon" href="{favicon"> <link rel="alternate" type="application/rss+xml" href="{rss"> {block:description <meta name="description" content="{description"/> {/block:description  <meta name="color:sidebar" content=""/> <meta name="color:title" content=""/> <meta name="color:navlinks" content=""/> <meta name="color:description text" content=""/> <meta name="color:description background" content=""/> <meta name="color:background" content=""/> <meta name="color:posts" content=""/> <meta name="color:post border" content=""/> <meta name="color:text" content=""/> <meta name="color:linkhover" content=""/> <meta name="color:askbox" content=""/> <meta name="color:question text" content=""/> <meta name="color:permalink" content=""/> <meta name="color:permalink text" content=""/> <meta name="color:permalink link" content=""/> <meta name="color:permalink hover" content=""/> <meta name="color:notecontainer background" content=""/> <meta name="color:scrollbar" content=""/>  <meta name="image:sidebar image" content=" gif"/>  <meta name="text:link1" content="" /> <meta name="text:link 1" content="" /> <meta name="text:link2" content="" /> <meta name="text:link 2" content="" /> <meta name="text:link3" content="" /> <meta name="text:link 3" content="" /> <meta name="text:link4" content="" /> <meta name="text:link 4" content="" /> <meta name="text:link5" content="" /> <meta name="text:link 5" content="" /> <meta name="text:link6" content="" /> <meta name="text:link 6" content="" /> <meta name="text:link7" content="" /> <meta name="text:link 7" content="" /> <meta name="text:link8" content="" /> <meta name="text:link 8" content="" />

2 <meta name="text:link9" content="" /> <meta name="text:link 9" content="" /> <meta name="text:text size" content="px"/> <meta name="text:permalink text" content=""/>  <meta name="if:notecontainerbackground" content="0"/> <meta name="if:infinitescrolling" content="0"/> <meta name="if:descriptionbackground" content="1"/>  <link href=' rel='stylesheet' type='text/css'> <link href=' rel='stylesheet' type='text/css'> <link href=' rel='stylesheet' type='text/css'> <style type="text/css"> /*SCROLLBAR*/ ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar; height:auto; ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar;height:10px!important; ::-webkit-scrollbar {height:7px; width:9px; background-color:{color:background; /*GENERAL*/ body { background-color:{color:background; background-image:url('{image:background image'); background-position:right top; background-repeat:repeat; background-attachment:fixed; a { a:hover { color:{color:linkhover; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; blockquote { border-left:solid 1px {color:title; margin:0; padding-left:10px;

3 img { border:0; max-width:100%; /*SIDEBAR*/ #sidebar { width:450px; height:100%; position:fixed; bottom:-20px; left:0px; #sidebarbg { width:450px; height:100%; position:fixed; bottom:0px; left:0px; float:left; #sidebarimg { width:450px; position:fixed; padding-top:0px; top:-50px; bottom:-5px; left:0px; #sidebarimg img { max-width:100%; height:100%; /*NAVBAR*/ #navbar { margin-top:0px; width:450px; height:100%; margin-top:0px; position:fixed; left:0px; #navbarbg { top:-200px; width:450px; height:200%;

4 margin-top:0px; position:fixed; left:0px; opacity:.4; background-color:#c8c8cc; z-index:-99; #description { opacity:1; text-align:center; text-align:justify; width:225px; height:auto; border-top:2px solid; padding-top:10px; text-indent:15px; margin:55px auto 10px auto; font-family:'baskerville'; font-size:11.5px; letter-spacing:2px; line-height:14px; border-color:{color:description text; color:{color:description text; {block:ifdescriptionbackground background-color:{color:description background; padding:10px; opacity:.7; {/block:ifdescriptionbackground #title { width:440; text-align:center; opacity:0; margin-top:-100px; font-family:'cookie'; font-size:28px; color:{color:title; text-shadow:.7px.7px 1px rgba(1,1,1,1); #navbar:hover #title { opacity:1; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; #navlinksbg { width:450px;

5 opacity:0; margin-left:19px; margin-top:-300px; z-index:999; #navlinksbg a { display:inline-block; text-align:center; width:100px; padding:4px 0px; margin-top:5px; background-color:{color:navlinks; color:{color:title; font-size:8.5px; font-family:'lato'; text-transform:uppercase; #navbar:hover #description { opacity:0; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; #navbar:hover #navlinksbg { z-index:999; opacity:1; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; #navbar:hover #navbarbg { z-index:-99; opacity:0; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; #navlinksbg a:hover { opacity:0.4; letter-spacing:3px; font-style:bold; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o -transition: all 0.6s ease a.nav-link:link {

6 color:{color:title; a.nav-link:visited { color: {color:title; a.nav-link:hover { color: {color:title; a.nav-link:active { color: {color:title; #paginationone { opacity:0; position:absolute; top:195px; color:{color:title; font-size:35px; font-family:'lato'; text-align:left; left:19px; #navbar:hover #paginationone { opacity:1; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; #paginationtwo { opacity:0; position:absolute; top:195px; color:{color:title; font-size:35px; font-family:'lato'; text-align:right; right:18px; text-transform:uppercase; #navbar:hover #paginationtwo { opacity:1;

7 -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; #entries { width:550px; margin-left:450px; height:auto; padding:10px 70px 10px 70px; color:black; margin-bottom:0px; background-color:transparent; #posts { padding:25px 25px 0px 25px; text-align:justify; background-color:{color:posts; border:{color:post border 2px solid; margin-bottom:45px; margin-top:15px; #posts a { color:{color:title; #posts a:hover{ opacity:0.5; color:{color:linkhover; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; #text { font-family:'trebuchet MS'; font-size:{text:text size; color:{color:text; #posttitle { font-family:'lato'; text-transform:uppercase; text-align:left;

8 #posttitle {Question { text-align:justify; color:{color:question text; #chattext { font-family:'trebuchet MS'; font-size:{text:text size; color:{color:text; display:inline; #quote { font-size:15px; width:350px; height:auto; font-family:'garamond'; color:{color:text; text-align:center; padding-top:0px; margin-bottom:100px; line-height:17px; #quote:first-letter { font-family:'homemade Apple'; font-size:20px; font-weight:bold; color:{color:post border; text-transform:uppercase; #quotesleft { margin:0px 0px 0px 50px; font-size:75px; text-align:left; margin-bottom:-40px; font-family:'georgia'; color:{color:post border; #quotesright { margin:0px 50px 0px 0px; font-size:75px; margin-top:-110px; margin-bottom:0px; text-align:right; font-family:'georgia'; color:{color:post border;

9 #source { margin-top:-50px; font-size:12px; text-align:right; color:{color:text; font-family:'homemade Apple'; text-transform:lowercase; #albumart { height:100px; overflow:hidden; float:left; margin:0px 0px; #audioplayer { left:20px; width:30px; height:40px; overflow:hidden; #playcount { left:20px; font-family:'trebuchet MS'; font-size:{text:text size; color:{color:text; margin-bottom:60px; #askcontainer { width:500px; background-color:{color:askbox; text-align:left; right:13px; padding:12px; height:auto; #askicon { width:400px; height:auto; display:inline; text-align:right; color:{color:title;

10 bottom:4px; #askicon img { border:2px solid; border-color:{color:title; margin-right:6px; width:16px; height:16px; #answertext { width:500px; text-align:justify; font-family:'trebuchet MS'; font-size:{text:text size; color:{color:text; #permalink { width:auto; margin-top:15px; margin-bottom:-11px; height:16px; padding:5px 6px 1px 2px; background-color:{color:permalink; text-align:right; font-family:'lato'; word-spacing:3px; text-transform:uppercase; font-size:{text:permalink text; color:{color:permalink text; #permalink a { color:{color:permalink link; #permalink a:hover { color:{color:permalink hover; opacity:1; #tags { font-family:'lato'; font-size:{text:permalink text; left:0px;

11 #notecontainer { margin:20px auto; width:514px; padding:10px; font-family:'trebuchet MS'; font-size:{text:text size; {block:ifnotecontainerbackground background-color:{color:notecontainer background; {/block:ifnotecontainerbackground #notecontainer ol.notes { list-style-type:none; margin:0; padding:0; #notecontainer img.avatar { border:2px solid; border-color:{color:posts; margin-right:6px; width:16px; height:16px; #notecontainer a { color:{color:post border; #notecontainer a:hover { color:{color:linkhover; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; /*Please don't remove this! Thank you*/ #credit { position:fixed; bottom:30px; z-index:999; right:20px; #credit a { width:10px; height:10px; padding:5px; background-color:white; font-family:'trebuchet MS'; font-size:{text:text size;

12 color:{color:permaink; font-weight:bold; border:3px solid {color:permalink; #credit a:hover{ opacity:1; background-color:black; border-color:gray; color:gray; -webkit-transition-duration:1.0s; -moz-transition-duration:1.0s; </style> {block:ifinfinitescrolling <script type="text/javascript" src=" {/block:ifinfinitescrolling </head> <body> <div id="credit"> <a href=" target=_"blank">k?</a> </div>  <div id="sidebarbg"></div> <div id="sidebarimg"><img src="{image:sidebar image"/></div> <div id="navbar"> {block:description <div id="description">{description</div> {/block:description <div id="navlinksbg"> <a href="/">home</a> {block:askenabled<a href="/ask" target="_self">message</a>{/block:askenabled {block:submissionsenabled<a href="/submit">submit</a>{/block:submissionsenabled {block:iflink1<a href="{text:link1">{text:link 1</a>{/block:ifLink1 {block:iflink2<a href="{text:link2">{text:link 2</a>{/block:iflink2 {block:iflink3<a href="{text:link3">{text:link 3</a>{/block:ifLink3 {block:iflink4<a href="{text:link4">{text:link 4</a>{/block:ifLink4 {block:iflink5<a href="{text:link5">{text:link 5</a>{/block:ifLink5 {block:iflink6<a href="{text:link6">{text:link 6</a>{/block:ifLink6 {block:iflink7<a href="{text:link7">{text:link 7</a>{/block:ifLink7 {block:iflink8<a href="{text:link8">{text:link 8</a>{/block:ifLink8 {block:iflink9<a href="{text:link9">{text:link 9</a>{/block:ifLink9 </div>

13 <div id="navbarbg"></div> <div id="title">{title</div> {block:ifnotinfinitescrolling <div id="paginationone"> {block:previouspage <a href="{previouspage"class="nav-link">«</a> {/block:previouspage </div> <div id="paginationtwo"> {block:nextpage <a href="{nextpage"class="nav-link">»</a> {/block:nextpage </div>  {/block:ifnotinfinitescrolling </div>  <div id="entries"> <div class="autopagerize_page_element"> {block:posts <div id="posts"> {block:text {block:title<div id="posttitle"><a href="{permalink">{title</a></div>{/block:title <div id="text">{body</div> {/block:text {block:quote <div id='quotesleft'>?</div><center><div id="quote">{quote</div></center><div id='quotesright'>?</div> {block:source <div id="source"><br>- {Source</div> {/block:source {/block:quote {block:photo {LinkOpenTag<center><img src="{photourl-500" /></center>{linkclosetag {block:caption<div id="text">{caption</div>{/block:caption {/block:photo {block:photoset <center>{photoset-500</center> {block:caption<div id="text">{caption</div>{/block:caption {/block:photoset {block:video {Video-500

14 {block:caption<div id="text">{caption</div>{/block:caption {/block:video {block:chat {block:title<div id="posttitle"><a href="{permalink">{title</a></div>{/block:title <div id="chattext"> {block:lines {block:label <strong><p style="font-family:trebuchet MS;color:{color:Title;font-size:{text:text sizepx;">{label</p></strong> {/block:label {Line <br /> <br /> {/block:lines </div>  {/block:chat {block:audio <div id="albumart">{block:albumart<img src="{albumarturl" width="100">{/block:albumart</div> <div id="audioplayer">{audioplayerwhite </div> <div id="playcount"> +{PlayCountWithLabel</div> {block:caption<div id="text">{caption</div>{/block:caption {/block:audio {block:answer <div id="text"> <div id="askicon"> <a href="{askerurl" target="_blank"><img src="{askerportraiturl-30"></a> <a href="{askerurl" target="_blank">{askername</a> </div>  </div>  <div id="askcontainer"> <div id="posttitle">{question</div> </div>  <div id="answertext">{answer</div> {/block:answer {block:link <div id="posttitle"><a href="{url"><b>{name</b></a></div> <br> {block:description <div id="text">{description</div> {/block:description {/block:link <div id="tags"> {block:hastags {block:tags <a href="{tagurl">#{tag </a> {/block:tags

15 {/block:hastags </div> <div id="permalink"> <a href="{permalink">{block:date{timeago{block:date</a> {block:rebloggedfrom from <a href="{reblogparenturl" target="_blank">{reblogparentname</a> {/block:rebloggedfrom {block:contentsource by <a href="{sourceurl" target="_blank">{sourcelink</a>{/block:contentsource {block:notecountwith <a href="{permalink">{notecountwithlabel</a>{/block:notecount <a href="{reblogurl" target="_blank"> reblog </a> </div>  </div>  {/block:posts {block:postnotes <div id="notecontainer">{postnotes</div> {/block:postnotes </div>  </body> </html>

CSS stands for Cascading Style Sheets Styles define how to display HTML elements

CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS has various levels and profiles. Each level of CSS builds upon the last, typically adding new features and typically