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}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--------------------------------------------------------------------
- THEME #007: VITRALIS BY ANGELICXI
- published september 22, 2016
- ᴀʟʟ ʀɪɢʜᴛ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
- PS: To customize the music player, ctrl+f <div class="embed">, and paste the code generated by billy between it and its' closing </div> tag. The dimensions for the sidebar images are 175x500.
- --------------------------------------------------------------------->
- <!---META: COLORS--->
- <meta name="color:Background" content="#eeeeec"/>
- <meta name="color:Sidebar Border" content="#E37C8A"/>
- <meta name="color:Description" content="#E37C8A"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Bold" content="#E37C8A"/>
- <meta name="color:Italic" content="#E37C8A"/>
- <meta name="color:Underlined" content="#E37C8A"/>
- <meta name="color:Links" content="#E37C8A"/>
- <meta name="color:Links Hover" content="#f5af32"/>
- <meta name="color:Title" content="#E37C8A"/>
- <meta name="color:Navigation Links" content="#E37C8A"/>
- <meta name="color:Navigation Links Hover" content="#f5af32"/>
- <meta name="color:Pagination" content="#E37C8A"/>
- <meta name="color:Pagination Hover" content="#f5af32"/>
- <meta name="color:Post Container" content="#eeeeec"/>
- <meta name="color:Post Date" content="#ffffff"/>
- <meta name="color:Post Date Hover" content="#ffffff"/>
- <meta name="color:Post Title" content="#ffffff"/>
- <meta name="color:Post Title Background" content="#E37C8A"/>
- <meta name="color:Post Background" content="#f6f6f6"/>
- <meta name="color:Post Border"content="#E37C8A"/>
- <meta name="color:Tags" content="#E37C8A"/>
- <meta name="color:Tags Hover" content="#f5af32"/>
- <meta name="color:Music Player" content="#E37C8A"/>
- <meta name="color:Quote First Letter" content="#E37C8A"/>
- <meta name="color:Question Background" content="#f6f6f6"/>
- <meta name="color:Audio Post Title" content="#E37C8A"/>
- <!---META: FEATURES--->
- <meta name="image:Background"/>
- <meta name="image:Left Sidebar"/>
- <meta name="image:Right Sidebar"/>
- <meta name="image:Sidebar BG Texture"/>
- <meta name="image:Avatar"/>
- <meta name="text:Rightbar Text" content""/>
- <meta name="text:Title" content="[ title ]"/>
- <meta name="text:Link One" content="home link here"/>
- <meta name="text:Link One Title" content="home"/>
- <meta name="text:Link Two" content="ask link here"/>
- <meta name="text:Link Two Title" content="ask"/>
- <meta name="text:Link Three" content="link three here"/>
- <meta name="text:Link Three Title" content="link three title"/>
- <meta name="text:Link Four" content="link four here"/>
- <meta name="text:Link Four Title" content="link four title"/>
- <meta name="text:Link Five" content="link five here"/>
- <meta name="text:Link Five Title" content="link five title"/>
- <!---META: FONTS--->
- <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
- <link href='https://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}');
- 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: 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;
- }
- u, li img {
- width: auto;
- max-width: 425px;
- overflow: hidden;
- }
- h1 {
- width: 154px;
- color: {color:title};
- font-family: 'Arial';
- font-size: 12px;
- font-weight: 300;
- font-variant: small-caps;
- text-align: center;
- text-transform: lowercase;
- letter-spacing: 1px;
- margin-top: 12px;
- margin-left: 11px;
- }
- h2 {
- font-size: 11px;
- text-indent: 25px;
- text-transform: uppercase;
- text-align: left;
- }
- h3 {
- background-color: {color:post title background};
- color: {color:post title};
- font-family: 'Arial';
- font-size: 13px;
- font-weight: 500;
- font-variant: small-caps;
- letter-spacing: 2px;
- text-transform: lowercase;
- text-align: center;
- width: 492px;
- padding-top: 15px;
- padding-bottom: 15px;
- margin-top: 5px;
- margin-bottom: 5px;
- border: 4px double {color:post border};
- }
- h4 {
- color: {color:post border};
- font-family: 'Arial';
- font-size: 13px;
- font-weight: bold;
- font-variant: small-caps;
- letter-spacing: 2px;
- text-transform: lowercase;
- text-align: center;
- margin-top: 15px;
- margin-bottom: -5px;
- }
- /* SIDEBARS */
- #around {
- width: 1070px;
- margin-top: 75px;
- margin-left: auto;
- margin-right: auto;
- }
- #leftbar {
- background-image: url('{image:left sidebar}');
- height: 500px;
- width: 175px;
- border: 2px solid {color:sidebar border};
- box-shadow: -2px -2px 5px #cacac4;
- margin-top: 0px;
- z-index: 8;
- }
- #leftbar:hover .leftdesc {
- opacity: 1;
- }
- .leftdesc {
- background: rgba(231,230,230,0.9);
- background-image: url('{image:Sidebar BG Texture}');
- height: 500px;
- width: 175px;
- display: block;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- opacity: 0;
- position: absolute;
- }
- .ava {
- background-image: url('{image:avatar}');
- height: 110px;
- width: 110px;
- margin-top: 55px;
- margin-left: 31px;
- border: 2px solid {color:sidebar border};
- border-radius: 110px;
- -webkit-border-radius: 110px;
- -moz-border-radius: 110px;
- -o-border-radius: 110px;
- }
- .menu {
- width: 154px;
- color: {color:navigation links};
- font-family: 'Arial';
- font-size: 9px;
- font-weight: bold;
- text-align: center;
- letter-spacing: 1px;
- border-top: 1px solid {color:sidebar border};
- margin-top: -5px;
- margin-left: 11px;
- }
- .menu a, a:active, a:visited {
- color: {color:navigation links};
- }
- .menu a:hover {
- color: {color:navigation links hover};
- }
- .desc {
- height: 175px;
- width: 154px;
- color: {color:description};
- font-family: 'Raleway';
- font-size: 9px;
- text-align: center;
- margin-top: 15px;
- margin-left: 11px;
- overflow-y: auto;
- }
- .pagination {
- width: 154px;
- color: {color:pagination};
- font-family: 'Arial';
- font-size: 10px;
- font-variant: small-caps;
- text-align: center;
- text-transform: lowercase;
- margin-top: 10px;
- margin-left: 11px;
- }
- .pagination a, a:active, a:visited {
- color: {color:pagination};
- }
- .pagination a:hover {
- color: {color:pagination hover};
- }
- #rightbar {
- background-image: url('{image:right sidebar}');
- height: 500px;
- width: 175px;
- border: 2px solid {color:sidebar border};
- box-shadow: 2px -2px 5px #cacac4;
- margin-top: -504px;
- margin-left: 895px;
- z-index: 8;
- }
- #rightbar:hover .rightdesc {
- opacity: 1;
- }
- .rightdesc {
- background: rgba(231,230,230,0.9);
- background-image: url('{image:Sidebar BG Texture}');
- height: 500px;
- width: 175px;
- display: block;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- opacity: 0;
- position: absolute;
- }
- #musicplayer {
- background-color: {color:music player};
- height: 10px;
- width: 15px;
- border-radius: 35px;
- -webkit-border-radius: 35px;
- -moz-border-radius: 35px;
- -o-border-radius: 35px;
- margin-top: 55px;
- margin-left: 70px;
- padding-top: 8px;
- padding-left: 10px;
- padding-right: 10px;
- padding-bottom: 17px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- overflow: hidden;
- z-index: 9;
- }
- #musicplayer:hover {
- width: 135px;
- border-radius: 10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- -o-border-radius: 30px;
- margin-left: 10px;
- }
- .embed {
- height: 35px;
- width: 155px;
- margin-top: -17px;
- margin-left: 0px;
- font-family: Arial;
- font-size: 8px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- opacity: 0;
- z-index: 8;
- }
- .embed:hover {
- opacity: 1;
- z-index: 10;
- }
- .rdesc {
- height: 335px;
- width: 154px;
- color: {color:description};
- font-family: 'Raleway';
- font-size: 9px;
- text-align: center;
- margin-top: 15px;
- margin-left: 11px;
- overflow-y: auto;
- }
- /* POST & ENTRIES */
- #container {
- background-color: {color:post container};
- height: 500px;
- width: 700px;
- border: 2px solid {color:sidebar border};
- box-shadow: 1px -1px 5px #cacac4, -1px 1px 5px #cacac4;
- margin-top: -504px;
- margin-left: 185px;
- overflow-y: auto;
- z-index: 9;
- }
- #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;
- margin-left: 85px;
- 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};
- color: {color:post date};
- font-family: 'Raleway';
- font-size: 7px;
- font-weight: 500;
- letter-spacing: 1px;
- text-transform: uppercase;
- width: 522px;
- margin-top: 45px;
- margin-left: 85px;
- margin-bottom: 0px;
- padding-top: 10px;
- padding-bottom: 20px;
- padding-left: 10px;
- padding-right: 10px;
- }
- #info a, a:active, a:visited {
- color: {color:post date} ;
- text-decoration: none;
- }
- #info a:hover {
- color: {color:post date hover};
- }
- #tags {
- background-color: transparent;
- color: {color:tags};
- font-family: 'Raleway';
- font-size: 7px;
- font-weight: normal;
- text-transform: uppercase;
- letter-spacing: 1px;
- word-wrap: normal;
- word-break: normal;
- width: 520px;
- line-height: 10px;
- margin-top: 0px;
- margin-left: 85px;
- margin-bottom: 45px;
- padding: 5px
- }
- #tags a, a:active, a:visited {
- color: {color:tags};
- text-decoration: none;
- }
- #tags a:hover {
- color: {color:tags hover};
- }
- .postnote {
- width: 520px;
- font-family: 'Arial';
- font-size: 9px;
- font-variant: small-caps;
- letter-spacing: 1px;
- text-transform: lowercase;
- margin-left: 65px;
- }
- /* QUOTES */
- .quote {
- font-family: 'Arial';
- font-size: 10px;
- font-weight: 500;
- font-style: italic;
- text-indent: 15px;
- text-align: center;
- margin-top: 20px;
- padding-top: 0px;
- padding-left: 10px;
- padding-right: 10px;
- padding-bottom: 20px;
- border-bottom: 1px solid {color:post border};
- }
- .quote::first-letter {
- color: {color:quote first letter};
- font-family: 'Alex Brush';
- font-size: 25px;
- }
- .qusource {
- font-family: 'Raleway';
- font-size: 7px;
- font-weight: normal;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 7px;
- }
- /* 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;
- width: 500px;
- border-bottom: 1px solid {color:post border};
- }
- .asker {
- color: {color:links};
- 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:links};
- }
- .asker a:hover {
- color: {color:links 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 {
- width: 500px;
- margin-top: 10px;
- }
- .answerer {
- color: {color:links};
- 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:links};
- }
- .answerer a:hover {
- color: {color:links 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 {
- width: 498px;
- 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 {
- width: 413px;
- height: 75px;
- margin-left: 85px;
- margin-top: -35px;
- }
- .acaption {
- width: 500px;
- border-top: 1px solid {color:post border};
- margin-top: 10px;
- }
- .photo {
- width: 500px;
- }
- .photo img {
- width: 500px;
- }
- /* SCROLLBAR (Only works for Chrome.) */
- ::-webkit-scrollbar {
- background-color: #eeeeec; /* This is the color for the scrollbar background.*/
- height: 4px;
- width: 4px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #E37C8A; /* This is the color for the scroll button!*/
- border-radius: 2px;
- -webkit-border-radius: 2px;
- }
- /* 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="around">
- <div id="leftbar">
- <div class="leftdesc">
- <div class="ava"></div>
- <h1>{text:title}</h1>
- <div class="menu">
- <a href="{text:link one}" title="{text:link one title}">i.</a>
- <a href="{text:link two}" title="{text:link two title}">ii.</a>
- <a href="{text:link three}" title="{text:link three title}">iii.</a>
- <a href="{text:link four}" title="{text:link four title}">iv.</a>
- <a href="{text:link five}" title="{text:link five title}">v.</a>
- <a href="https://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">c.</a></div>
- <div class="desc">{description}</div>
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">rewind</a> / / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- </div>
- <div id="container">
- {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}<h3>{Title}</h3>{/block:Title}{Body}</span>{/block:Text}
- {block:Photo}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>{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}
- <div class="qusource">— {Source} </div>
- {/block:Source}
- {/block:Quote}
- {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- {block:Title}<p><h3>{Title}</h3></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: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: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">
- <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:Posts}
- <div class="postnote">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- <div id="rightbar">
- <div class="rightdesc">
- <div id="musicplayer"><img src="https://i.imgur.com/yo5Ad39.gif">
- <div class="embed"><embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/y96n02q3ehvex6b/ls.mp3?dl=1&t0=It's Changed&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash"/></div></div>
- <div class="rdesc">{text:rightbar text}</div>
- </div>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement