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}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--------------------------------------------------------------------
- THEME #005: PORTFOLIO BY ANGELICXI
- published july 12, 2016
- ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ
- Terms of Use:
- - DO NOT REPRODUCE (STEAL) THE CODE OR PARTS OF IT.
- - DO NOT MODIFY IT TO THE POINT WHERE IT IS NO LONGER RECOGNIZABLE.
- - UNDER NO CIRCUMSTANCES REMOVE THE CREDIT FROM ITS' SPOT.
- - UNDER NO CIRCUMSTANCES CLAIM AS YOUR OWN WORK.
- By using this theme, you agree to the aforementioned rules. I think everything is well-detailed enough to be easy to customize from the panel alone, but if you've got any questions, drop me an ask!
- ~Lia
- --------------------------------------------------------------------->
- <!---META: COLORS--->
- <meta name="color:Background" content="#ececec"/>
- <meta name="color:Sidebar Border" content="#05b8aa"/>
- <meta name="color:Sidebar Background" content="#ffffff"/>
- <meta name="color:Blog Title" content="#05b8aa"/>
- <meta name="color:Name Title" content="#c31423"/>
- <meta name="color:Description" content="#000000"/>
- <meta name="color:Pagination" content="#05b8aa"/>
- <meta name="color:Pagination Hover" content="#c31423"/>
- <meta name="color:Navigation" content="#c31423"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Bold" content="#05b8aa"/>
- <meta name="color:Italic" content="#05b8aa"/>
- <meta name="color:Underline" content="#05b8aa"/>
- <meta name="color:Links" content="#05b8aa"/>
- <meta name="color:Links Hover" content="#c31423"/>
- <meta name="color:Post Background" content="#ffffff"/>
- <meta name="color:Post Border" content="#05b8aa"/>
- <meta name="color:Post Date" content="#ffffff"/>
- <meta name="color:Post Title" content="#ffffff"/>
- <meta name="color:Tags" content="#c31423"/>
- <meta name="color:Tags Hover" content="#05b8aa"/>
- <meta name="color:Quote First Letter" content="#05b8aa"/>
- <meta name="color:Audio Title" content="#05b8aa"/>
- <meta name="color:Ask Name" content="#c31423"/>
- <!---META: FEATURES--->
- <meta name="if:500px Posts" content="1"/>
- <meta name="if:700px Posts" content="0">
- <meta name="image:Avatar"/>
- <meta name="text:Title" content="this is the title that appears on the topbar :)"/>
- <meta name="text:Artist" content="your name goes here!"/>
- <meta name="text:Link One" content="This is your home link. I suggest putting your tumblr link in full!"/>
- <meta name="text:Link Two" content="This is your ask link."/>
- <meta name="text:Link Three Title" content="link three."/>
- <meta name="text:Link Three" content="This is your third link."/>
- <meta name="text:Link Four Title" content="link four."/>
- <meta name="text:Link Four" content="This is your fourth link."/>
- <meta name="text:Link Five Title" content="link five."/>
- <meta name="text:Link Five" content="This is the fifth link."/>
- <!---META: FONTS--->
- <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
- <style type="text/css">
- /* BASICS */
- body {
- background-color: {color:background};
- margin: 0px;
- }
- a, a:active, a:visited {
- color: {color:links};
- text-decoration: none;
- }
- a:hover {
- color: {color:links hover};
- }
- b, strong {
- color: {color:bold};
- font-weight: 600;
- }
- i, em {
- color: {color:italic};
- }
- u, underline {
- color: {color:underline};
- text-decoration: underline;
- }
- small {
- font-size: 95%;
- }
- pre {
- font-size: 90%;
- word-wrap: break-all;
- word-break: break-all;
- letter-spacing: 1px;
- }
- p {
- margin: 10px;
- }
- hr {
- color: {color:post border};
- height: 1px;
- }
- 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: 460px;
- overflow: hidden;
- }
- blockquote blockquote img {
- width: auto;
- max-width: 425px;
- overflow: hidden;
- }
- h1 {
- color: {color:blog title};
- font-family: 'Great Vibes';
- font-size: 30px;
- font-weight: 500;
- text-transform: lowercase;
- letter-spacing: 2px;
- margin-left: 20px;
- position: fixed;
- margin-top: 5px;
- z-index: 10;
- }
- h2 {
- font-size: 11px;
- text-indent: 25px;
- text-transform: uppercase;
- text-align: left;
- }
- h3 {
- color: {color:name title};
- font-family: 'Arial';
- font-size: 13px;
- font-weight: bold;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 1px;
- {block:If500pxPosts}
- width: 300px;
- margin-left: 25px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 205px;
- margin-left: 35px;
- {/block:If700pxPosts}
- margin-top: 240px;
- position: fixed;
- z-index: 9;
- }
- h4 {
- background-color: {color:post border};
- color: {color:post title};
- font-family: 'Arial';
- font-size: 11px;
- font-weight: bold;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-align: center;
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:IF700pxPosts}
- width: 700px;
- {/block:If700pxPosts}
- padding-top: 15px;
- padding-bottom: 15px;
- margin-top: 5px;
- margin-bottom: 5px;
- }
- /* TOPBAR & SIDEBAR */
- #topbar {
- background-color: {color:sidebar background};
- height: 55px;
- width: 100%;
- border-bottom: 3px solid {color:sidebar border};
- margin-top: -100px;
- position: fixed;
- z-index: 9;
- }
- #navigation {
- color: {color:sidebar border};
- font-family: 'Roboto';
- font-size: 9px;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-top: 35px;
- margin-left: 20px;
- position: fixed;
- z-index: 10;
- }
- #navigation a, a:active, a:visited {
- color: {color:navigation};
- }
- #sidebar {
- background-color: {color:sidebar background};
- height: 1200px;
- {block:If500pxPosts}
- width: 350px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 275px;
- {/block:If700pxPosts}
- border-right: 3px solid {color:sidebar border};
- margin-top: -45px;
- position: fixed;
- z-index: 8;
- }
- #author {
- background-image: url('{image:avatar}');
- height: 125px;
- width: 125px;
- margin-top: 100px;
- {block:If500pxPosts}
- margin-left: 108px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- margin-left: 70px;
- {/block:If700pxPosts}
- border: 5px solid {color:sidebar border};
- border-radius: 125px;
- -webkit-border-radius: 125px;
- -moz-border-radius: 125px;
- -o-border-radius: 125px;
- position: fixed;
- z-index: 9;
- }
- #description {
- color: {color:description};
- font-family: 'Roboto';
- font-size: 9px;
- font-weight: 300;
- text-align: center;
- height: 150px;
- margin-top: 265px;
- {block:If500pxPosts}
- width: 300px;
- margin-left: 25px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 205px;
- margin-left: 35px;
- {/block:If700pxPosts}
- overflow-y: auto;
- position: fixed;
- z-index: 9;
- }
- #description a, a:active, a:visited {
- color: {color:links};
- text-decoration: none;
- }
- #description a:hover {
- color: {color:links hover};
- }
- /* PAGINATION */
- #ppage {
- background-color: {color:sidebar background};
- color: {color:pagination};
- font-size: 75px;
- font-weight: bold;
- text-align: center;
- height: 1200px;
- {block:If500pxPosts}
- width: 120px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 95px;
- {/block:If700pxPosts}
- margin-top: -45px;
- {block:If500pxPosts}
- margin-left: 353px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- margin-left: 278px;
- {/block:If700pxPosts}
- border-right: 3px solid {color:sidebar border};
- position: fixed;
- z-index: 7;
- }
- #ppage a, a:active, a:visited {
- color: {color:pagination};
- }
- #ppage a:hover {
- color: {color:pagination hover};
- }
- #npage {
- background-color: {color:sidebar background};
- color: {color:pagination};
- font-size: 75px;
- font-weight: bold;
- text-align: center;
- height: 1200px;
- {block:If500pxPosts}
- width: 120px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 95px;
- {/block:If700pxPosts}
- margin-top: -45px;
- {block:If500pxPosts}
- margin-left: 1231px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- margin-left: 1259px;
- {/block:If700pxPosts}
- padding-right: 1200px;
- border-left: 3px solid {color:sidebar border};
- overflow-x: hidden;
- position: fixed;
- z-index: 7;
- }
- #npage a, a:active, a:visited {
- color: {color:pagination};
- }
- #npage a:hover {
- color: {color:pagination hover};
- }
- /* POSTS */
- #entry {
- {block:If500pxPosts}
- margin-left: 586px;
- width: 500px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- margin-left: 446px;
- width: 700px;
- {/block:If700pxPosts}
- }
- #info {
- background-color: {color:post border};
- color: {color:post date};
- font-family: 'Roboto';
- font-size: 8px;
- font-weight: 400;
- text-align: center;
- letter-spacing: 2px;
- {block:If500pxPosts}
- width: 522px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 722px;
- {/block:If700pxPosts}
- margin-top: 100px;
- margin-bottom: 0px;
- padding-top: 15px;
- padding-left: 10px;
- padding-right: 10px;
- padding-bottom: 15px;
- }
- #info a, a:active, a:visited {
- color: {color:post date} ;
- text-decoration: none;
- }
- #post {
- background-color: {color:post background};
- color: {color:text};
- font-family: 'Arial';
- font-size: 11px;
- word-wrap: normal;
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 700px;
- {/block:If700pxPosts}
- 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};
- }
- .photo {
- width: 700px;
- }
- #tags {
- background-color: transparent;
- color: {color:tags};
- font-family: 'Roboto';
- font-size: 8px;
- font-weight: 400;
- text-transform: uppercase;
- letter-spacing: 1px;
- word-wrap: normal;
- word-break: normal;
- {block:If500pxPosts}
- width: 520px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 720px;
- {/block:If700pxPosts}
- line-height: 10px;
- margin-top: 5px;
- margin-bottom: 45px;
- 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: 'Arial';
- font-size: 10px;
- font-weight: 300;
- font-style: italic;
- text-indent: 15px;
- text-align: center;
- margin-top: 0px;
- padding: 10px;
- }
- .quote::first-letter {
- color: {color:quote first letter};
- font-family: 'Great Vibes';
- font-size: 30px;
- }
- .qsource {
- font-family: 'Roboto';
- font-size: 7px;
- font-weight: normal;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 5px;
- padding-bottom: 10px;
- }
- /* 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};
- }
- /* ASK */
- .question {
- background-color: transparent;
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 700px;
- {/block:If700pxPosts}
- border-bottom: 1px solid {color:post border};
- }
- .asker {
- color: {color:name};
- 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};
- border: 4px double {color:post border};
- margin-top: 5px;
- margin-bottom: 10px;
- margin-left: 10px;
- margin-right: 10px;
- padding: 5px;
- }
- .reply {
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 700px;
- {/block:If700pxPosts}
- margin-top: 10px;
- }
- .answerer {
- color: {color:name};
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 10px;
- margin-right: 10px;
- }
- .answerer a, a:active, a:visited {
- color: {color:name};
- }
- .answerer a:hover {
- color: {color:link hover};
- }
- .answer {
- background-color: {color:question background};
- border: 4px double {color:post border};
- margin-top: 10px;
- margin-left: 10px;
- margin-right: 10px;
- padding: 5px;
- }
- .answer img {
- max-width: 445px;
- max-height: auto;
- }
- /* AUDIO */
- #audio {
- {block:If500pxPosts}
- width: 498px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 698px;
- {/block:If700pxPosts}
- height: 75px;
- }
- .player {
- background-color: transparent;
- opacity: 0.8;
- width: 25px;
- height: 25px;
- margin-top: -50px;
- margin-left: 25px;
- border-radius: 25px;
- -moz-border-radius: 25px;
- -webkit-border-radius: 25px;
- -o-border-radius: 25px;
- overflow: hidden;
- z-index: 6;
- }
- .albumart {
- width: 65px;
- height: 65px;
- border: 5px solid {color:Post Border};
- border-radius: 65px;
- -moz-border-radius: 65px;
- -webkit-border-radius: 65px;
- -o-border-radius: 65px;
- z-index: 5;
- }
- .albumart img {
- width: 65px;
- height: 65px;
- border-radius: 65px;
- -moz-border-radius: 65px;
- -webkit-border-radius: 65px;
- -o-border-radius: 65px;
- }
- .albumdetails {
- {block:If500pxPosts}
- width: 413px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 613px;
- {/block:If700pxPosts}
- height: 75px;
- margin-left: 85px;
- margin-top: -35px;
- }
- .acaption {
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:If700pxPosts}
- width: 700px;
- {/block:If700pxPosts}
- border-top: 1px solid {color:post border};
- margin-top: 10px;
- }
- </style></head>
- <body>
- <div id="topbar"><h1>{text:title}</h1>
- <div id="navigation">
- <a href="{text:link one}">home.</a> / /
- <a href="{text:link two}">message.</a> / /
- <a href="{text:link three}">{text:link three title}</a> / /
- <a href="{text:link four}">{text:link four title}</a> / /
- <a href="{text:link five}">{text:link five title}</a> / /
- <a href="http://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">♛</a>
- </div>
- </div>
- <div id="sidebar">
- <div id="author"></div>
- <h3>{text:artist}</h3>
- <div id="description">{description}</div>
- </div>
- {block:Pagination}
- <div id="ppage">{block:PreviousPage}<a href="{PreviousPage}"><br><br><br>←</a>{/block:PreviousPage}</div>
- <div id="npage">{block:NextPage}<a href="{NextPage}"><br><br><br>→</a>{/block:NextPage}</div>
- {/block:Pagination}
- <div id="entry">
- {block:Posts}
- <div id="info">{block:Date}<span style="font-family: 'Arial'; font-size: 15px; font-weight: normal; text-transform: uppercase;"><a href="{Permalink}">{DayOfMonthWithZero} {Month} {Year}</a></span>{/block:Date}<br>
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- </div>
- <div id="post">
- {block:Text}{block:Title}<h4>{Title}</h4>{/block:Title}{Body}</span>{/block:Text}
- {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="qsource">— {Source} </div>
- {/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<p><h4>{Title}</h4></p>{/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:Photo}
- {block:If500pxPosts}
- {LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}{/block:If500pxPosts}
- {block:If700pxPosts}
- <div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>{/block:If700pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
- {block:If700pxPosts}{Photoset-700}{/block:If700pxPosts}
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Video}
- {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
- {block:If700pxPosts}{Video-700}{/block:If700pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audio"><div class="albumart">{block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}</div>
- <div class="player">{AudioPlayer}</div>
- <div class="albumdetails">
- {block:TrackName}
- <span style="font-family: 'Arial'; font-size: 15px; font-style: italic; font-weight: bold; color: {color:Audio Title}; text-transform: lowercase;">{TrackName}</span>
- {/block:TrackName}<br>
- <span style="font-variant: small-caps; text-transform: lowercase;">{block:Artist}{Artist}{/block:Artist}{block:Album} | {Album}{/block:Album}</span><br>
- <span style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px">{PlayCountWithLabel}</style>
- </div>
- </div>
- {block:Caption}<div class="acaption"> {Caption} </div>{/block:Caption}
- {/block:Audio}
- {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">
- <div class="answer">{Answer}</div>
- <div class="answerer">— {Answerer}</div>
- </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:PostNotes}{PostNotes}</div>{/block:PostNotes}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment