Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head><title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <!--------------------------------------------------------------------
- THEME #04: SKETCHBOOK (LIGHT ver.) BY ANGELICXI
- published july 7, 2015
- ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ
- ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ.
- Terms of Use:
- - DO NOT USE AS A BASE CODE.
- - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS.
- - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION.
- By using this theme, you indicate that you have read & agreed to these terms. Any violation will be prosecuted against. If there's anything you'd like me to make clear, please contact me via PM. Enjoy!
- ~Lia
- --------------------------------------------------------------------->
- <!---META: COLORS--->
- <meta name="color:Background" content="#e2e4e6"/>
- <meta name="color:Sidebar Background" content="#c1c7cc"/>
- <meta name="color:Sidebar Border" content="#f2f3f5"/>
- <meta name="color:Description Background" content="#c1c7cc"/>
- <meta name="color:Description Text" content="#ffffff"/>
- <meta name="color:Post Background" content="#f3f4f4"/>
- <meta name="color:Post Border" content="#c1c7cc"/>
- <meta name="color:Post Title Background" content="#edeef1"/>
- <meta name="color:Post Title" content="#2c222f"/>
- <meta name="color:Title" content="#72759d"/>
- <meta name="color:Subtitle" content="#72759d"/>
- <meta name="color:Text" content="#2c222f"/>
- <meta name="color:Bold" content="#72759d"/>
- <meta name="color:Italic" content="#72759d"/>
- <meta name="color:Underline" content="#72759d"/>
- <meta name="color:Links" content="#9092b2"/>
- <meta name="color:Links Hover" content="#505273"/>
- <meta name="color:Post Data" content="#ffffff"/>
- <meta name="color:Info" content="#ffffff"/>
- <meta name="color:Info Hover" content="#505273"/>
- <meta name="color:Tags" content="#9092b2"/>
- <meta name="color:Tags Hover" content="#505273"/>
- <meta name="color:Name" content="#72759d"/>
- <meta name="color:Quote First Letter" content="#72759d"/>
- <meta name="color:Question Background" content="#edeef1"/>
- <meta name="color:Audio Title" content="#72759d"/>
- <meta name="color:Music Player Background" content=""/>
- <!---META: FEATURES--->
- <meta name="image:Background"/>
- <meta name="image:Sidebar"/>
- <meta name="image:Sidebar Background"/>
- <meta name="image:Post Border"/>
- <meta name="text:Title"/>
- <meta name="text:Subtitle"/>
- <meta name="if:Show Twitter" content="1"/>
- <meta name="if:Show About" content="1"/>
- <meta name="if:Show Navigation" content="1"/>
- <meta name="if:Show Link One" content="1"/>
- <meta name="if:Show Link Two" content="1"/>
- <meta name="if:Show Link Three" content="1"/>
- <meta name="if:Show Link Four" content="1"/>
- <meta name="text:Twitter" content="input the link to your twitter"/>
- <meta name="text:About" content="input the link to your about">
- <meta name="text:Navigation" content="input the link to your navigation page"/>
- <meta name="text:Link One Title"/>
- <meta name="text:Link One"/>
- <meta name="text:Link Two Title"/>
- <meta name="text:Link Two"/>
- <meta name="text:Link Three Title"/>
- <meta name="text:Link Three"/>
- <meta name="text:Link Four Title"/>
- <meta name="text:Link Four"/>
- <!---META: FONTS--->
- <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* BASICS */
- body {
- background-color: {color:background};
- background-image: url('{image:background}');
- background-attachment: fixed;
- color: {color:text};
- font-family: 'Source Sans Pro';
- font-size: 11px;
- text-align: left;
- word-wrap: normal;
- word-break: normal;
- line-height: 100%;
- margin: 0px;
- }
- a, a:active, a:visited {
- color: {color:links};
- text-decoration: none;
- }
- a:hover {
- color: {color:links hover};
- text-decoration: none;
- }
- b, strong {
- color: {color:bold};
- font-weight: 600;
- }
- i, em {
- color: {color:italic};
- }
- u, underline {
- color: {color:underline};
- text-decoration: underline;
- }
- small {
- font-size: 90%;
- }
- pre {
- font-size: 90%;
- word-wrap: break-word;
- letter-spacing: 1px;
- }
- p {
- margin: 10px;
- }
- blockquote {
- word-wrap: normal;
- word-break: normal;
- margin-left: 10px;
- margin-right: 0px;
- padding: 5px;
- border-left: 1px solid {color:post border};
- }
- blockquote blockquote {
- word-wrap: normal;
- word-break: normal;
- margin-left: 15px;
- margin-right: 0px;
- padding: 5px;
- border-left: 1px solid {color:post border};
- }
- blockquote img {
- width: auto;
- max-width: 475px;
- overflow: hidden;
- }
- blockquote blockquote img {
- width: auto;
- max-width: 465px;
- overflow: hidden;
- }
- u, li img {
- width: auto;
- max-width: 425px;
- overflow: hidden;
- }
- h1 {
- color: {color:title};
- font-family: 'Alex Brush';
- font-size: 20px;
- font-weight: 400;
- text-transform: lowercase;
- text-align: center;
- width: 275px;
- margin-top: 315px;
- margin-left: 25px;
- margin-right: auto;
- position: fixed;
- z-index: 9;
- }
- h2 {
- font-size: 11px;
- text-indent: 25px;
- text-transform: uppercase;
- text-align: left;
- }
- h3 {
- color: {color:subtitle};
- font-family: 'Source Code Pro';
- font-size: 7px;
- font-weight: 300;
- text-transform: uppercase;
- text-align: center;
- width: 275px;
- border-top: 1px solid {color:subtitle};
- margin-top: 325px;
- margin-left: 25px;
- margin-right: auto;
- position: fixed;
- z-index: 9;
- }
- h4 {
- font-family: 'Source Code Pro';
- font-size: 8px;
- font-weight: normal;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 0px;
- }
- h4::first-letter {
- font-family: 'Source Code Pro';
- font-size: 8px;
- font-weight: normal;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- h5 {
- background-color: {color:post title background};
- color: {color:post title};
- font-family: 'Montserrat';
- font-size: 10px;
- font-weight: 300;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- width: 492px;
- padding-top: 15px;
- padding-bottom: 15px;
- margin-top: 5px;
- margin-bottom: 5px;
- border: 4px double {color:post border};
- }
- /* SIDEBAR */
- #sidebar {
- background-image: url('{image:sidebar background}');
- background-color: {color:sidebar background};
- text-align: center;
- height: 100%;
- width: 325px;
- margin-top: -50px;
- margin-left: 0px;
- border-right: 2px solid {color:sidebar border};
- position: fixed;
- z-index: 9;
- }
- #imagebar {
- background: url('{image:sidebar}');
- height: 175px;
- width: 175px;
- border: 10px solid {color:sidebar border};
- border-radius: 100px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- -o-border-radius: 100px;
- margin-top: 105px;
- margin-left: 65px;
- margin-right: auto;
- position: fixed;
- z-index: 9;
- }
- #imagebar img {
- border: 10px solid {color:sidebar border};
- border-radius: 200px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- -o-border-radius: 100px;
- }
- #description {
- background-color: {color:description background};
- color: {color:description text};
- font-family: 'Source Sans Pro';
- font-size: 10px;
- text-align: justified;
- height: 150px;
- width: 220px;
- margin-top: 345px;
- margin-left: 50px;
- padding: 5px;
- border: 1px solid {color:sidebar border};
- overflow-y: auto;
- position: fixed;
- float: right;
- display: block;
- z-index: 9;
- }
- #menu {
- background-color: transparent;
- text-align: center;
- height: 204px;
- width: 20px;
- margin-top: 90px;
- margin-left: 318px;
- padding: 5px;
- position: fixed;
- z-index: 1;
- }
- .item {
- background-color: {color:sidebar background};
- text-align: center;
- height: 19px;
- width: 19px;
- margin-bottom: 5px;
- padding-top: 4px;
- padding-left: 4px;
- padding-right: 2px;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- .item:hover {
- background-color: {color:sidebar border};
- padding-left: 8px;
- padding-right: 8px;
- }
- /* POSTS */
- #entries {
- color: {color:text};
- font-family: 'Source Sans Pro';
- font-size: 10px;
- word-wrap: normal;
- word-break: normal;
- width: 500px;
- margin-top: 50px;
- margin-left: 575px;
- margin-right: auto;
- }
- #post {
- background-color: {color:post background};
- color: {color:text};
- font-family: 'Source Sans Pro';
- font-size: 11px;
- word-wrap: normal;
- width: 500px;
- margin-top: 0px;
- padding: 20px;
- border-bottom: 1px solid {color:post border};
- border-right: 1px solid {color:post border};
- border-left: 1px solid {color:post border};
- }
- #post a, a:active, a:visited {
- color: {color:links};
- text-decoration: none;
- }
- #post a:hover {
- color: {color:links hover};
- }
- #info {
- background-color: {color:post border};
- background-image: url('{image:post border}');
- color: {color:post data};
- font-family: 'Montserrat';
- font-size: 8px;
- font-weight: 300;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-shadow: 1px -1px 4px {color:data}, -1px 1px 4px {color:post data};
- width: 522px;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-right: auto;
- padding-top: 10px;
- padding-bottom: 20px;
- padding-left: 10px;
- padding-right: 10px;
- }
- #info img {
- height: 100%;
- width: 522px;
- overflow: hidden;
- }
- #info a, a:active, a:visited {
- color: {color:info} ;
- text-decoration: none;
- text-shadow: 1px -1px 4px {color:data}, -1px 1px 4px {color:post data};
- }
- #info a:hover {
- color: {color:info hover};
- }
- #tags {
- background-color: transparent;
- color: {color:tags};
- font-family: 'Source Code Pro';
- font-size: 7px;
- font-weight: 400;
- text-transform: uppercase;
- letter-spacing: 1px;
- width: 520px;
- line-height: 10px;
- margin-top: 0px;
- margin-bottom: 50px;
- margin-right: -40px;
- padding: 5px
- }
- #tags a, a:active, a:visited {
- color: {color:tags};
- text-decoration: none;
- }
- #tags a:hover {
- color: {color:tags hover};
- }
- /* QUOTES */
- .quote {
- font-family: 'Montserrat';
- font-size: 10px;
- font-weight: 300;
- font-style: italic;
- text-indent: 15px;
- text-align: center;
- margin-top: 20px;
- padding: 10px;
- }
- .quote::first-letter {
- color: {color:quote first letter};
- font-family: 'Alex Brush';
- font-size: 25px;
- }
- /* ASK */
- .question {
- background-color: transparent;
- width: 500px;
- border-bottom: 1px solid {color:name};
- }
- .asker {
- color: {color:name};
- font-family: 'Montserrat';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: left;
- margin-top: 10px;
- margin-left: 10px;
- }
- .asker a, a:active, a:visited {
- color: {color:name};
- }
- .asker a:hover {
- color: {color:link hover};
- }
- .ask {
- background-color: {color:question background};
- margin-top: 5px;
- margin-bottom: 10px;
- margin-left: 10px;
- margin-right: 10px;
- padding: 5px;
- border: 1px dotted {color:post border};
- }
- .reply {
- background-color: {color:question background};
- width: 478px;
- margin-top: 10px;
- margin-left: 10px;
- border: 1px dotted {color:post border};
- }
- .answerer {
- color: {color:name};
- font-family: 'Montserrat';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 5px;
- margin-right: 5px;
- }
- .answerer a, a:active, a:visited {
- color: {color:name};
- }
- .answerer a:hover {
- color: {color:link hover};
- }
- /* CHAT */
- .chat {
- height: auto;
- width: auto;
- border-top: 1px solid {color:post border};
- border-left: 1px solid {color:post border};
- border-right: 1px solid {color:post border};
- }
- .line {
- height: auto;
- width: auto;
- border-bottom: 1px solid {color:post border};
- }
- /* AUDIO */
- .audio {
- background-image: url('{image:music player background}');
- background-color: {color:music player background};
- width: 492px;
- height: 50px;
- border: 4px double {color:post border};
- }
- .player {
- background-color: {color:music player background};
- height: 50px;
- width: 50px;
- margin-top: 0px;
- margin-left: 10px;
- opacity: 0.8;
- filter: alpha(opacity=80);
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- float: right;
- overflow: hidden;
- }
- .player:hover {
- opacity: 0.8;
- filter:alpha(opacity=80);
- }
- .playero {
- height: 25px;
- width: 25px;
- margin-top: 10px;
- margin-left: 8px;
- padding: 3px;
- overflow: hidden;
- }
- .albumart {
- margin-left: 0px;
- margin-right: 10px;
- float: left;
- z-index: 9;
- }
- .track {
- color: {color:text};
- font-family: 'Source Code Pro';
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: left;
- height: 30px;
- margin-top: 20px;
- margin-left: 0px;
- padding: 0px;
- float: left;
- }
- .caption {
- font-style: italic;
- text-indent: 10px;
- margin-top: 0px;
- }
- /* TUMBLR CONTROLS */
- .iframe-controls--desktop {
- padding-top: 5px;
- padding-right: 7px;
- transform: scale(0.8);
- transform-origin: 100% 0;
- -webkit-transform: scale(0.8);
- -webkit-transform-origin: 100% 0;
- -moz-transform: scale(0.8);
- -moz-transform-origin: 100% 0;
- -ms-transform: scale(0.8);
- -ms-transform-origin: 100% 0;
- -o-transform: scale(0.8);
- -o-transform-origin: 100% 0;
- }
- </style></head>
- <body>
- <div id="sidebar">
- <div id="imagebar"></div>
- <h1>{text:title}</h1>
- <h3>{text:subtitle}</h3>
- <div id="description">{Description}</div>
- </div>
- <div id="menu">
- <div class="item"><a href="/" title="ʀᴇғʀᴇsʜ"><img src="http://i.imgur.com/dir8IR3.png"></a></div>
- <div class="item"><a href="/ask" title="ᴍᴇssᴀɢᴇ"><img src="http://i.imgur.com/VWLuTgv.png"></a></div>
- {block:IfShowTwitter}<div class="item"><a href="{text:Twitter}" title="ᴛᴡɪᴛᴛᴇʀ"><img src="http://i.imgur.com/HAXvHZG.png"></a></div>{/block:IfShowTwitter}
- {block:IfShowAbout}<div class="item"><a href="{text:About}" title="ᴀʙᴏᴜᴛ"><img src="http://i.imgur.com/2L6kIll.png"></a></div>{/block:IfShowAbout}
- {block:IfShowNavigation}<div class="item"><a href="{text:Navigation}" title="ɴᴀᴠɪɢᴀᴛɪᴏɴ"><img src="http://i.imgur.com/D7G0Vvc.png"></a></div>{/block:IfShowNavigation}
- {block:IfShowLinkOne}<div class="item"><a href="{text:Link One}" title="{text:Link One Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkOne}
- {block:IfShowLinkTwo}<div class="item"><a href="{text:Link Two}" title="{text:Link Two Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkTwo}
- {block:IfShowLinkThree}<div class="item"><a href="{text:Link Three}" title="{text:Link Three Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkThree}
- {block:IfShowLinkFour}<div class="item"><a href="{text:Link Four}" title="{text:Link Four Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkFour}
- {block:Pagination}
- {block:NextPage}<div class="item"><a href="{NextPage}" title="ɴᴇxᴛ"><img src="http://i.imgur.com/Q7BlIPT.png"></a></div>{/block:NextPage}
- {block:PreviousPage}<div class="item"><a href="{PreviousPage}" title="ᴘʀᴇᴠɪᴏᴜs"><img src="http://i.imgur.com/ukoQhnC.png"></a></div>{/block:PreviousPage}
- {/block:Pagination}
- <div class="item"><a href="http://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ."><img src="http://i.imgur.com/bqUvAf4.png"></a></div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="info"><span style="float:left">posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCount} notes</a></span>
- <span style="float:right"> <a href="{ReblogURL}" target="_blank" class="details">reblog</a> {block:RebloggedFrom}/ <a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a> {block:ContentSource}/ <a href="{SourceURL}">origin</a> {/block:ContentSource} {/block:RebloggedFrom}</span></div>
- <div id="post">{block:Text}{block:Title}<h5>{Title}</h5>{/block:Title}{Body}</span>{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <h4>— {Source} </h4>
- {/block:Source}
- {/block:Quote}
- {block:Link}<h5><a href="{URL}" {Target}>{Name}</a></h5>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- {block:Title}<h5>{Title}</h5>{/block:Title}
- <div class="chat">
- {block:Lines}
- <div class="line"><p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="player"><div class="playero">{AudioPlayerWhite}</div></div>
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
- <div class="track">{block:Artist}{Artist}{/block:Artist} – <span style="color:{color:audio title};font-family:'Alex Brush';font-size: 15px;text-transform:lowercase">{block:TrackName}{TrackName}{/block:TrackName}</span></div></div>
- <div class="caption">{block:caption}{Caption}{/block:caption}</div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="question">
- <div class="asker">{Asker} {text:asker} said:</div>
- <div class="ask"><p>{Question}</p></div>
- </div>
- {block:Answerer}
- <div class="reply">
- {Answer}
- </div>
- <div class="answerer">— {Answerer}</div>
- {/block:Answerer}
- {Replies}
- {/block:Answer}
- </div>
- <div id="tags">{block:HasTags}<span style="color:{color:text}">filed under:</span> {block:Tags}<a href="{TagURL}">{Tag};</a> {/block:Tags}{/block:HasTags}</div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement