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 #01: WEDDING DRESS BY ANGELICXI
- published june 14, 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="#ffffff"/>
- <meta name="color:Sidebar Border" content="#f3edf1"/>
- <meta name="color:Description Background" content="#fdfcfd"/>
- <meta name="color:Title" content="#dfced9"/>
- <meta name="color:Text" content="#b096a7"/>
- <meta name="color:Bold" content="#b091b5"/>
- <meta name="color:Italic" content="#b091b5"/>
- <meta name="color:Underlined" content="#b091b5"/>
- <meta name="color:Links" content="#b091b5"/>
- <meta name="color:Links Hover" content="#805a86"/>
- <meta name="color:Post Background" content="#ffffff"/>
- <meta name="color:Post Border" content="#dfced9"/>
- <meta name="color:Post Title Background" content="#fdfcfd"/>
- <meta name="color:Info Background" content="#fdfcfd"/>
- <meta name="color:Info" content="#b091b5"/>
- <meta name="color:Info Hover" content="#805a86"/>
- <meta name="color:Tags" content="#b091b5"/>
- <meta name="color:Tags Hover" content="#805a86"/>
- <meta name="color:Name" content="#b091b5"/>
- <meta name="color:Question Background" content="#fdfcfd"/>
- <meta name="color:Music Player" content="#ffffff"/>
- <meta name="color:Audio Title" content="#b091b5"/>
- <!---META: FEATURES--->
- <meta name="image:Sidebar"/>
- <meta name="text:Title" content="this is the title that appears on the sidebar"/>
- <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: FONTS--->
- <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* BASICS */
- body {
- background-color: {color:background};
- color: {color:Text};
- font-family: 'Arial';
- font-size: 10px;
- font-weight: 300;
- word-wrap: normal;
- word-break: keep-all;
- 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: 100%;
- }
- pre {
- font-size: 100%;
- word-wrap: normal;
- word-break: keep-all;
- letter-spacing: 1px;
- }
- p {
- margin: 10px;
- }
- blockquote {
- word-wrap: normal;
- word-break: keep-all;
- margin-left: 10px;
- margin-right: 0px;
- padding: 5px;
- border-left: 1px solid {color:post border};
- }
- blockquote blockquote {
- word-wrap: normal;
- word-break: keep-all;
- 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;
- }
- /* THIS HEADER STYLES THE TITLE ON YOUR SIDEBAR. */
- h1 {
- color: {color:title};
- font-family: 'Allura';
- font-size: 25px;
- font-weight: 300;
- text-transform: lowercase;
- text-align: center;
- width: 275px;
- margin-top: 115px;
- margin-left: 225px;
- margin-right: auto;
- position: fixed;
- z-index: 9;
- }
- /* TUMBLR RECENTLY INTRODUCED HEADINGS TO TEXTPOSTS. THIS STYLES IT. */
- h2 {
- font-size: 12px;
- text-indent: 25px;
- text-transform: uppercase;
- text-align: left;
- }
- /* THIS STYLES THE POST TITLE. */
- h3 {
- background-color: {color:post title background};
- font-family: 'Arial';
- font-size: 15px;
- font-weight: 600;
- letter-spacing: 1px;
- padding: 20px;
- margin-top: 0px;
- }
- /* THIS STYLES THE SOURCE ON QUOTES. */
- h4 {
- font-family: 'Arial';
- font-size: 7px;
- font-weight: normal;
- font-style: none;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 10px;
- margin-bottom: -5px;
- }
- h4::first-letter {
- font-family: 'Arial';
- font-size: 7px;
- font-weight: normal;
- font-style: none;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- /* SIDEBAR */
- /* THIS IS THE IMAGE ON THE SIDEBAR. */
- #sidebar {
- background-image: url('{image:sidebar}');
- height: 125px;
- width: 125px;
- margin-top: 100px;
- margin-left: 75px;
- border: 7px solid {color:sidebar border};
- border-radius: 75px;
- -webkit-border-radius: 75px;
- -moz-border-radius: 75px;
- -o-border-radius: 75px;
- position: fixed;
- z-index: 10;
- }
- #sidebar img {
- height: 125px;
- width: 125px;
- }
- /* THIS IS THE DESCRIPTION ON THE SIDEBAR. */
- #description {
- background-color: {color:description background};
- height: 95px;
- width: 275px;
- margin-top: 125px;
- margin-left: 225px;
- border: 2px solid {color:sidebar border};
- position: fixed;
- overflow-y: auto;
- z-index: 8;
- }
- /* BELOW ARE THE SIX LINKS OF THE MENU. */
- #it1 {
- background-color: {color:sidebar border};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 10px;
- margin-top: 93px;
- margin-left: 83px;
- margin-right: 5px;
- padding: 5px;
- border-radius: 30px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- -o-border-radius: 30px;
- position: fixed;
- z-index: 8;
- }
- #it1 a:hover {
- text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
- }
- #it2 {
- background-color: {color:sidebar border};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 10px;
- margin-top: 115px;
- margin-left: 63px;
- margin-right: 5px;
- padding: 5px;
- border-radius: 30px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- -o-border-radius: 30px;
- position: fixed;
- z-index: 8;
- }
- #it2 a:hover {
- text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
- }
- #it3 {
- background-color: {color:sidebar border};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 10px;
- margin-top: 142px;
- margin-left: 52px;
- margin-right: 5px;
- padding: 5px;
- border-radius: 30px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- -o-border-radius: 30px;
- position: fixed;
- z-index: 8;
- }
- #it3 a:hover {
- text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
- }
- #it4 {
- background-color: {color:sidebar border};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 10px;
- margin-top: 170px;
- margin-left: 51px;
- margin-right: 5px;
- padding: 5px;
- border-radius: 30px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- -o-border-radius: 30px;
- position: fixed;
- z-index: 8;
- }
- #it4 a:hover {
- text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
- }
- #it5 {
- background-color: {color:sidebar border};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 10px;
- margin-top: 197px;
- margin-left: 59px;
- margin-right: 5px;
- padding: 5px;
- border-radius: 30px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- -o-border-radius: 30px;
- position: fixed;
- z-index: 8;
- }
- #it5 a:hover {
- text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
- }
- #it6 {
- background-color: {color:sidebar border};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 10px;
- margin-top: 220px;
- margin-left: 76px;
- margin-right: 5px;
- padding: 5px;
- border-radius: 30px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- -o-border-radius: 30px;
- position: fixed;
- z-index: 8;
- }
- #it6 a:hover {
- text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
- }
- /* THIS IS THE SNAZZY PAGINATION. */
- #pagination {
- width: 275px;
- font-family: 'Arial';
- font-size: 9px;
- font-weight: 300;
- letter-spacing: 2px;
- text-align: right;
- margin-top: 230px;
- margin-left: 225px;
- position: fixed;
- z-index: 9;
- }
- /* POSTS */
- .photo {
- width: 500px;
- }
- .photo img {
- width: 500px;
- }
- /* THIS IS THE POST CONTAINER! */
- #entries {
- color: {color:text};
- font-family: 'Arial';
- font-size: 10px;
- word-wrap: normal;
- word-break: keep-all;
- width: 500px;
- margin-top: 50px;
- margin-left: 600px;
- margin-right: auto;
- }
- /* THIS IS THE POST ITSELF */
- #post {
- background-color: {color:post background};
- color: {color:text};
- font-family: 'Arial';
- font-size: 10px;
- word-wrap: normal;
- word-break: keep-all;
- width: 500px;
- padding: 20px;
- border-top: 1px dotted {color:post border};
- border-left: 1px dotted {color:post border};
- border-right: 1px dotted{color:post border};
- }
- /* THIS IS THE INFO + TAGS CONTAINER */
- #data {
- background-color: {color:info background};
- height: 45px;
- width: 540px;
- margin-bottom: 50px;
- border-left: 1px solid {color:post border};
- border-right: 1px solid {color:post border};
- border-bottom: 1px solid {color:post border};
- }
- /* THIS IS THE PERMALINK + REBLOG/VIA/ORG */
- #info {
- font-family: 'Arial';
- font-size: 9px;
- text-transform: uppercase;
- text-align: center;
- border-top: 1px dotted {color:post border};
- margin-top: 0px;
- margin-left: 0px;
- margin-right: auto;
- padding-top: 15px;
- width: 540px;
- }
- #info a, a:active, a:visited {
- color: {color:info};
- }
- #info a:hover {
- color: {color:info hover};
- }
- /* THESE ARE THE TAGS. */
- #tags {
- font-family: 'Arial';
- font-size: 7px;
- font-weight: 400;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- margin-top: 2px;
- margin-left: 0px;
- margin-bottom: 40px;
- width: 540px;
- }
- #tags a, a:active, a:visited {
- color: {color:tags};
- }
- #tags a:hover {
- color: {color:tags hover};
- }
- /* QUOTES */
- /* THIS IS THE QUOTE. */
- .quote {
- font-family: 'Arial';
- font-size: 9px;
- font-weight: 300;;
- font-style: italic;
- letter-spacing: 1px;
- text-indent: 15px;
- text-align: center;
- line-height: 22px;
- padding-top: 10px;
- padding-left: 10px;
- padding-right: 10px;
- }
- /* THIS IS THE QUOTE'S PSEUDO-PROPERTY OF FIRST-LETTER, WHICH ALLOWS YOU TO DO COOL STUFF WITH THE FIRST LETTER OF PRETTY MUCH ANYTHING. THIS IS COMMONLY USED ON P (PARAGRAPHS) TO GIVE THEM SOME JAZZ-UP. */
- .quote::first-letter {
- color: {color:quote first letter};
- font-family: 'Allura';
- font-size: 25px;
- line-height: 20px;
- }
- /* ASK */
- /* THIS IS THE QUESTION CONTAINER. */
- .question {
- background-color: transparent;
- width: 500px;
- border-bottom: 1px solid {color:post border};
- }
- /* THIS IS THE ASKER'S NAME. */
- .asker {
- color: {color:name};
- font-family: 'Arial';
- 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};
- }
- /* THIS IS THE ASK. */
- .ask {
- background-color: {color:question background};
- margin-top: 5px;
- margin-bottom: 10px;
- margin-left: 10px;
- margin-right: 10px;
- padding: 5px;
- }
- /* THIS IS THE REPLY. */
- .reply {
- width: 500px;
- margin-top: 10px;
- }
- /* THIS IS THE ANSWERER. IT ONLY SHOWS UP ON REBLOGGED ASKS. */
- .answerer {
- color: {color:name};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: left;
- }
- .answerer a, a:active, a:visited {
- color: {color:name};
- }
- .answerer a:hover {
- color: {color:link hover};
- }
- /* CHAT */
- /* THIS IS THE CHAT CONTAINER. */
- .chat {
- height: auto;
- width: 500px;
- border-top: 1px solid {color:post title background};
- border-left: 1px solid {color:post title background};
- border-right: 1px solid {color:post title background};
- }
- /* THIS IS THE CHAT LINE. */
- .line {
- height: auto;
- width: 500px;
- border-bottom: 1px solid {color:post title background};
- }
- /* AUDIO */
- /* THIS IS THE CONTAINER. */
- .audio {
- background-color: {color:music player};
- width: 500px;
- height: 50px;
- }
- /* THIS IS THE PLAYER. */
- .player {
- background-color: {color:music player};
- height: 50px;
- width: 50px;
- margin-top: 0px;
- margin-left: 10px;
- opacity: 0.8;
- filter: alpha(opacity=60);
- -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=60);
- }
- .playero {
- height: 25px;
- width: 25px;
- margin-top: 10px;
- margin-left: 8px;
- padding: 3px;
- overflow: hidden;
- }
- /* THIS IS THE ALBUM ART OF THE TRACK. */
- .albumart {
- margin-left: 0px;
- margin-right: 10px;
- float: left;
- }
- /* THIS IS THE TRACK'S DETAILS. */
- .track {
- color: {color:text};
- font-family: 'Arial';
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: left;
- height: 30px;
- margin-top: 20px;
- margin-left: 0px;
- padding: 0px;
- float: left;
- }
- /* THIS IS THE CAPTION, AKA THE DESCRIPTION YOU PUT IN THE AUDIO POST. */
- .caption {
- 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="it1"><a href="/" title="ʀᴇғʀᴇsʜ">01</a></div>
- <div id="it2"><a href="/ask" title="ᴀsᴋ">02</a></div>
- <div id="it3"><a href="{text:Link One}" title="{text:Link One Title}">03</a></div>
- <div id="it4"><a href="{text:Link Two}" title="{text:Link Two Title}">04</a></div>
- <div id="it5"><a href="{text:Link Three}" title="{text:Link Three Title}">05</a></div>
- <div id="it6"><a href="http://www.angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ.">©.</a></div>
- <div id="sidebar"></div>
- <h1>{text:Title}</h1>
- <div id="description"><p>{Description}</p></div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">ɢᴏ ʙᴀᴄᴋ</a>{/block:PreviousPage} — {block:NextPage}<a href="{NextPage}">ɢᴏ ғᴏʀᴛʜ</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- <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}
- <h4>{Source}</h4>
- {/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}<h3>{Title}</h3>{/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:'Allura';font-size: 20px;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">
- <div class="answerer">{Answerer}:</div>
- {Answer}
- </div>
- {/block:Answerer}
- {Replies}
- {/block:Answer}
- </div>
- <div id="data">
- <div id="info">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCount} notes </a></span> • <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}</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>
- </div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement