Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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 #03: JOURNAL DU VOYAGE BY ANGELICXI
- published june 25, 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 Background" content="#fcfcfc"/>
- <meta name="color:Sidebar Border" content="#9678a5"/>
- <meta name="color:Description Background" content="#f6f6f6"/>
- <meta name="color:Description Text" content="#284e8f"/>
- <meta name="color:Navigation" content="#e9e7eb"/>
- <meta name="color:Navigation Hover" content="#dcd9df"/>
- <meta name="color:Navigation Links" content="#9678a5"/>
- <meta name="color:Navigation Links Hover" content="#284e8f"/>
- <meta name="color:Title" content="#9678a5"/>
- <meta name="color:Text" content="#4b3a5b"/>
- <meta name="color:Bold" content="#9678a5"/>
- <meta name="color:Italic" content="#9678a5"/>
- <meta name="color:Underline" content="#9678a5"/>
- <meta name="color:Links" content="#9678a5"/>
- <meta name="color:Links Hover" content="#284e8f"/>
- <meta name="color:Post Background" content="#fcfcfc"/>
- <meta name="color:Post Border" content="#9678a5"/>
- <meta name="color:Post Title Background" content="#eeeeec"/>
- <meta name="color:Post Title" content="#284e8f"/>
- <meta name="color:Post Data" content="#eeeeec"/>
- <meta name="color:Info" content="#9678a5"/>
- <meta name="color:Info Hover" content="#284e8f"/>
- <meta name="color:Tags" content="#9678a5"/>
- <meta name="color:Tags Hover" content="#284e8f"/>
- <meta name="color:Name" content="#9678a5"/>
- <meta name="color:Question Background" content="#eeeeec"/>
- <meta name="color:Audio Title" content="#9678a5"/>
- <!---META: FEATURES--->
- <meta name="image:Background"/>
- <meta name="image:Sidebar"/>
- <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="if:Show Link Five" content="1"/>
- <meta name="if:Show Link Six" content="1"/>
- <meta name="if:Show Link Seven" content="1"/>
- <meta name="if:Show Link Eight" content="1"/>
- <meta name="text:Title"/>
- <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 name="text:Link Five Title"/>
- <meta name="text:Link Five"/>
- <meta name="text:Link Six Title"/>
- <meta name="text:Link Six"/>
- <meta name="text:Link Seven Title"/>
- <meta name="text:Link Seven"/>
- <meta name="text:Link Eight Title"/>
- <meta name="text:Link Eight"/>
- <!---META: FONTS--->
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background-color: {color:background};
- background-image: {image:background};
- color: {color:text};
- font-family: 'Source Sans Pro';
- font-size: 11px;
- font-weight: 300;
- 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: 100%;
- }
- pre {
- font-size: 100%;
- word-wrap: normal;
- word-break: normal;
- 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: 'Montserrat';
- font-size: 15px;
- font-weight: 700;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- width: 300px;
- margin-top: 25px;
- margin-bottom: 5px;
- margin-left: auto;
- margin-right: auto;
- }
- h2 {
- font-size: 10px;
- text-indent: 25px;
- text-transform: uppercase;
- text-align: left;
- }
- h3 {
- background-color: {color:post title background};
- color: {color:post title};
- font-family: 'Montserrat';
- font-size: 15px;
- font-weight: 600;
- letter-spacing: 1px;
- margin-top: 0px;
- padding: 20px;
- border: 1px solid {color:post border};
- }
- h4 {
- font-family: 'Arial';
- font-size: 8px;
- font-weight: bold;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: right;
- margin-top: 0px;
- }
- /* SIDEBAR */
- #sidebar {
- background-color: {color:sidebar background};
- font-size: 10px;
- height: 100%;
- width: 350px;
- margin-top: -50px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- border-right: 1px solid {color:sidebar border};
- position: fixed;
- z-index: 9;
- }
- #imagebar {
- background: url('{image:sidebar}');
- background-position: center;
- height: 350px;
- width: 250px;
- margin-top: 35px;
- margin-bottom: 0px;
- margin-left: auto;
- margin-right: auto;
- padding: 10px;
- border: 1px solid {color:sidebar border};
- background-clip: content-box;
- }
- #imagebar:before {
- margin: -1px;
- height: 350px;
- width: 250px;
- border: 1px solid {color:sidebar border};
- content: " ";
- position: fixed;
- z-index: 10;
- }
- #description {
- background-color: {color:description background};
- color: {color:description text};
- height: 115px;
- width: 300px;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-left: auto;
- margin-right: auto;
- border: 1px solid {color:sidebar border};
- overflow-y: auto;
- }
- #pagination {
- color: {color:pagination};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 700;
- letter-spacing: 1px;
- text-align: right;
- margin-top: 10px;
- margin-right: 22px;
- }
- #menu {
- margin-top: 0px;
- margin-bottom: auto;
- margin-left: 350px;
- margin-right: auto;
- position: fixed;
- z-index: 8;
- }
- .item {
- background-color: {color:navigation};
- color: {color:navigation links};
- font-family: 'Arial';
- font-size: 8px;
- font-weight: 500;
- letter-spacing: 2px;
- text-align: center;
- height: 10px;
- width: 15px;
- margin-bottom: 10px;
- padding-top: 5px;
- padding-bottom: 5px;
- padding-left: 10px;
- padding-right: 10px;
- border: 1px solid {color:sidebar border};
- }
- .item a, a:active, a:visited {
- color: {color:navigation links};
- }
- .item:hover {
- background-color: {color:navigation hover};
- color: {color:navigation links hover};
- padding-left: 20px;
- padding-right: 20px;
- }
- .item a:hover {
- color: {color:navigation links hover};
- }
- /* POSTS */
- #entries {
- color: {color:text};
- font-size: 11px;
- word-wrap: normal;
- word-break: normal;
- width: 500px;
- margin-top: 50px;
- margin-left: 585px;
- margin-right: auto;
- }
- #post {
- background-color: {color:post background};
- color: {color:text};
- font-size: 11px;
- word-wrap: normal;
- word-break: normal;
- width: 500px;
- padding: 20px;
- border-top: 1px solid {color:post border};
- border-left: 1px solid {color:post border};
- border-right: 1px solid {color:post border};
- }
- #post:hover #tags {
- opacity: 1;
- }
- #tags {
- font-size: 7px;
- font-weight: 400;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- height: auto;
- width: 125px;
- margin-top: -20px;
- margin-left: 535px;
- border-left: 1px solid {color:post border};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- transition: all 0.3s ease;
- opacity: 0;
- }
- #tags a, a:active, a:visited {
- color: {color:tags};
- }
- #tags a:hover {
- color: {color:tags hover};
- }
- #info {
- background-color: {color:post data};
- font-family: 'Montserrat';
- font-size: 9px;
- text-transform: uppercase;
- text-align: center;
- height: 25px;
- width: 540px;
- margin-top: 0px;
- margin-bottom: 50px;
- margin-left: 0px;
- margin-right: auto;
- padding-top: 15px;
- border: 1px solid {color:post border};
- }
- #info a, a:active, a:visited {
- color: {color:info};
- }
- #info a:hover {
- color: {color:info hover};
- }
- /* QUOTE */
- .quote {
- font-family: 'Montserrat';
- font-size: 12px;
- text-align: center;
- margin-top: 10px;
- padding: 10px;
- }
- /* CHAT */
- .chat {
- height: auto;
- width: 500px;
- border-top: 1px solid {color:post border};
- }
- .chat ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .chat li {
- margin: 0;
- padding: 0;
- }
- .line {
- height: auto;
- width: 500px;
- border-bottom: 1px solid {color:post border};
- }
- .chat .odd {
- padding-top: 3px;
- padding-bottom: 2px;
- border-left: 1px dotted {color:post border};
- border-right: 1px solid {color:post border};
- }
- .chat .even {
- padding-top: 3px;
- padding-bottom: 2px;
- border-left: 1px solid {color:post border};
- border-right: 1px dotted {color:post border};
- }
- /* ASK */
- .question {
- background-color: transparent;
- width: 465px;
- }
- .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};
- }
- .ask {
- background-color: {color:question background};
- margin-top: 5px;
- margin-bottom: 10px;
- margin-left: 10px;
- margin-right: 10px;
- padding: 5px;
- border-bottom: 1px solid {color:post border};
- }
- .reply {
- width: 500px;
- margin-top: 10px;
- }
- .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};
- }
- .answerline {
- height: 96px;
- width: 30px;
- margin-top: -107px;
- margin-right: -24px;
- padding-left: 3px;
- border-left: 2px solid {color:post border};
- border clip: content-box;
- float: right;
- overflow: hidden;
- }
- .answerline img {
- height: 96px;
- width: 96px;
- }
- /* AUDIO */
- .audio {
- background-color: #eeeeec;
- width: 498px;
- height: 50px;
- border: 1px solid #cccccc;
- }
- .player {
- background-color: #eeeeec;
- 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;
- }
- .track {
- color: {color:text};
- font-family: 'Arial';
- font-size: 7px;
- font-weight: 500;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- height: 30px;
- margin-top: 20px;
- margin-left: 20px;
- padding: 0px;
- float: left;
- }
- .caption {
- font-style: italic;
- text-indent: 10px;
- margin-top: 0px;
- }
- </style></head>
- <body>
- <div id="sidebar">
- <div id="imagebar"></div>
- <h1>{text:title}</h1>
- <div id="description">{Description}</div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">GO BACK</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">GO FORTH</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- <div id="menu">
- <div class="item"><a href="/" title="ʀᴇғʀᴇsʜ">01</a></div>
- <div class="item"><a href="/ask" title="ᴍᴇssᴀɢᴇ">02</a></div>
- {block:IfShowLinkOne}<div class="item"><a href="{text:Link One}" title="{text:Link One Title}">03</a></div>{/block:IfShowLinkOne}
- {block:IfShowLinkTwo}<div class="item"><a href="{text:Link Two}" title="{text:Link Two Title}">04</a></div>{/block:IfShowLinkTwo}
- {block:IfShowLinkThree}<div class="item"><a href="{text:Link Three}" title="{text:Link Three Title}">05</a></div>{/block:IfShowLinkThree}
- {block:IfShowLinkFour}<div class="item"><a href="{text:Link Four}" title="{text:Link Four Title}">06</a></div>{/block:IfShowLinkFour}
- {block:IfShowLinkFive}<div class="item"><a href="{text:Link Five}" title="{text:Link Five Title}">07</a></div>{/block:IfShowLinkFive}
- {block:IfShowLinkSix}<div class="item"><a href="{text:Link Six}" title="{text:Link Six Title}">08</a></div>{/block:IfShowLinkSix}
- {block:IfShowLinkSeven}<div class="item"><a href="{text:Link Seven}" title="{text:Link Seven Title}">09</a></div>{/block:IfShowLinkSeven}
- {block:IfShowLinkEight}<div class="item"><a href="{text:Link Eight}" title="{text:Link Eight Title}">10</a></div>{/block:IfShowLinkEight}
- <div class="item"><a href="http://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ.">©</a></div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- <div id="tags">{block:HasTags}<span style="color:{color:text}; font-size: 11px"> #: </span> {block:Tags}<a href="{TagURL}">{Tag};</a> {/block:Tags}{/block:HasTags}</div>
- {block:Text}{block:Title}<h3>{Title}</h3>{/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}<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">
- <ul>
- {block:Lines}
- <div class="line"><li class="{Alt}"><p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p></li></div>
- {/block:Lines}
- </ul></div>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="player"><div class="playero">{AudioPlayerGrey}</div></div>
- <div class="track">{block:Artist}{Artist}{/block:Artist} – <span style="color:{color:audio title};font-family:'Montserrat';font-size: 8px;letter-spacing: 2px;text-transform:uppercase">{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 class="answerline"><img src="{AskerPortraitURL-96}"></div>
- </div>
- {block:Answerer}
- <div class="reply">
- <div class="answerer">{Answerer}:</div>
- {Answer}
- </div>
- {/block:Answerer}
- {Replies}
- {/block:Answer}
- </div>
- <div id="info">
- {block:Date}posted <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>
- {/block:Posts}
- {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement