Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----------------------------------------
- BASIC 01
- by airi-nyaan
- PLEASE FOLLOW THE RULES
- Credits:<br>
- Designed by: http://9-daily.blogspot.com/search/label/Home
- Basecode by: https://airi-nyaan.tumblr.com/basic01
- ---------------------------------------->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="viewport" content="width=1366">
- <meta name="image:Sidebar" content=""/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 URL" content=""/>
- <link href="https://fonts.googleapis.com/css?family=Lato|Roboto" rel="stylesheet">
- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
- <style>
- /*---BASIC---*/
- ::-webkit-scrollbar {
- width: 10px;
- height: 10px;
- }
- ::-webkit-scrollbar-track {
- background: #6f6f6f;
- }
- ::-webkit-scrollbar-thumb {
- background: #f4c4b3;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #6f6f6f;
- }
- ::-moz-selection {
- color: {color:Accent 1};
- background: {color:Accent 4};
- }
- ::selection {
- color: {color:Accent 1};
- background: {color:Accent 4};
- }
- html {
- font-size: 100%;
- }
- body {
- word-wrap: break-word;
- background-color: #f6eaea;
- background-attachment: fixed;
- }
- a {
- text-decoration: none;
- color: #ffffff;
- }
- a:hover {
- color: #f4968a;
- }
- .container {
- position: absolute;
- margin: 0px 0px 0px 60px;
- width: 1366px;
- padding: 0;
- }
- /*---SIDEBAR---*/
- .sidebar {
- position: absolute;
- margin: 80px 0px 0px 0px;
- width: 220px;
- padding: 0;
- }
- .sidebarimg {
- margin: 0;
- width: 200px;
- max-height: 250px;
- padding: 10px;
- background: #f4c4b3;
- }
- /*---MENU---*/
- .menu {
- margin: 13px 0px 0px 0px;
- width: 220px;
- padding: 0;
- }
- .menu a {
- display: inline-block;
- margin: 0px 6px 0px 0px;
- width: 38px;
- padding: 6px 4px;
- text-transform: uppercase;
- text-align: center;
- line-height: 100%;
- font-family: calibri;
- font-weight: 500;
- font-size: 0.625rem;
- color: #ffffff;
- background: #f4c4b3;
- transition: all 0.6s ease;
- }
- .menu a:hover {
- color: #000000;
- transition: all 0.6s ease;
- }
- /*---SIDEBAR---*/
- .blogtitle {
- margin: 18px 0px 0px 0px;
- width: 200px;
- padding: 10px 10px 0px 10px;
- color: #000000;
- background: #f4c4b3;
- }
- .blogtitle h1 {
- margin: 0;
- padding: 0;
- text-decoration: none;
- text-transform: uppercase;
- line-height: 100%;
- font-family: 'Lato', sans-serif;
- font-weight: 600;
- font-size: 0.8125rem;
- }
- .description {
- margin: 0;
- width: 200px;
- padding: 6px 10px 10px 10px;
- color: #000000;
- background: #f4c4b3;
- }
- .description p {
- margin: 0;
- padding: 0;
- text-align: justify;
- line-height: 150%;
- font-family: 'Roboto', sans-serif;
- font-weight: 500;
- font-size: 0.625rem;
- }
- /*---PAGE---*/
- .pagination {
- margin: 40px 0px 0px 0px;
- width: 220px;
- padding: 0;
- text-align: center;
- line-height: 130%;
- font-family: calibri;
- font-weight: 500;
- font-size: 0.8125rem;
- color: #f4968a;
- }
- /*---POST---*/
- .postbox {
- position: relative;
- margin: 50px 0px 0px 350px;
- top: 32px;
- width: 550px;
- padding: 0;
- }
- .post {
- margin: 0;
- width: 500px;
- padding: 35px 25px 25px 25px;
- text-align: justify;
- line-height: 180%;
- font-family: 'Roboto', sans-serif;
- font-weight: 500;
- font-size: 0.75rem;
- color: #a40d0d;
- background: #f4c4b3;
- }
- .post blockquote, .posts li, .post img {
- max-width: 100%;
- }
- .post blockquote {
- margin-left: 10px;
- padding-left: 10px;
- border-left: 1px;
- border-left-style: solid;
- border-color: {color:Accent 2};
- }
- .post li {
- margin-left: -15px;
- }
- .post img {
- opacity: 0.8;
- transition: all 0.6s ease;
- }
- article:hover .post img {
- opacity: 1;
- transition: all 0.6s ease;
- }
- {block:PermalinkPage}
- .post img {
- opacity: 1;
- }
- {/block:PermalinkPage}
- .title, .linkpost, .quotepost {
- display: block;
- margin: 0;
- max-width: 100%;
- padding: 0;
- line-height: 180%;
- font-family: 'Lato', sans-serif;
- }
- .title, .linkpost {
- text-transform: uppercase;
- font-weight: 600;
- font-size: 0.9375rem;
- }
- .title {
- color: {color:Accent 2};
- }
- .quotepost {
- text-transform: none;
- font-weight: 500;
- font-size: 0.8125rem;
- color: {color:Accent 3};
- }
- .askpost, .chatpost {
- line-height: 170%;
- }
- .asker {
- margin-top: -30px;
- margin-left: 17px;
- }
- .question, .label {
- color: {color:Accent 3};
- }
- /*---MEDIA---*/
- .photopost {
- opacity: 0.8;
- transition: all 0.6s ease;
- }
- article:hover .photopost {
- opacity: 1;
- transition: all 0.6s ease;
- }
- {block:PermalinkPage}
- .photopost {
- opacity: 1;
- }
- {/block:PermalinkPage}
- /*---INFO---*/
- .info {
- margin: 0px 0px 50px 0px;
- width: 530px;
- padding: 10px;
- line-height: 130%;
- font-family: calibri;
- font-weight: 500;
- font-size: 0.75rem;
- color: #000000;
- background: #f4c4b3;
- border-top: 1px;
- border-top-style: solid;
- border-color: #ffffff;
- }
- .buttons {
- display: inline-flex;
- display: -webkit-inline-flex;
- float: right;
- }
- .button {
- margin-left: 10px;
- }
- .tagindex, .tagpermalink {
- margin: 0;
- padding: 5px 0px 0px 0px;
- text-align: justify;
- line-height: 150%;
- font-weight: 500;
- font-size: 0.75rem;
- }
- .tagindex {
- opacity: 0;
- transition: all 0.6s ease;
- }
- article:hover .tagindex {
- opacity: 1;
- transition: all 0.6s ease;
- }
- .postnotes {
- width: 500px;
- line-height: 150%;
- }
- ol.notes {
- margin-top: 15px;
- margin-left: 30px;
- padding: 0px;
- list-style-type: none;
- }
- ol.notes li.note {
- padding: 3px;
- }
- ol.notes li.note img.avatar {
- margin-right: 13px;
- width: 16px;
- height: 16px;
- vertical-align: -4px;
- }
- ol.notes li.note blockquote {
- margin: 5px 0px;
- padding-left: 5px;
- border-left: 1px;
- border-left-style: solid;
- border-color: {color:Accent 2};
- }
- a.taeten:link, a.taeten, a.taeten:active {
- color:#000000;
- padding: 12px 10px;
- font-size:15px;
- font-family: 'Lato', sans-serif;
- font-weight: normal;
- font-style: normal;
- text-transform: uppercase; letter-spacing: 1px;
- margin: 1px;
- -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
- }
- a.taeten:hover {
- color: #ffffff;
- background: none;
- border-radius:2px;
- -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
- }
- </style>
- </head>
- <noembed><body></noembed>
- <!---BASIC--->
- <div class="container">
- <div style="position: absolute; top:0px; left:0px;">
- <img src="https://images2.imgbox.com/25/45/W3dMSBDB_o.png">
- </div><br>
- <!---SIDEBAR--->
- <div style="position: absolute; top:470px; left:126px;">
- <div class="sidebar">
- <header>
- <img class="sidebarimg" src="{image:Sidebar}">
- <!---MENU--->
- <div style="background:none;padding:4px;position:absolute; top:-80px;left:-80px; width:1366px; overflow: auto; color:#F9FCFF;"><br><center>
- <a class="taeten" href="http://www.{Name}.tumblr.com">Home</a>
- <a class="taeten" href="http://www.{name}.tumblr.com/ask">Ask</a>
- <a class="taeten" href="http://www.{Name}.tumblr.com/archive">Archive</a>
- <a class="taeten" href="{text:link 1 URL}">{text:link 1}</a>
- <a class="taeten" href="{text:link 2 URL}">{text:link 2}</a>
- <br><br>
- </center></div>
- <!---SIDEBAR--->
- <div class="blogtitle"><h1>{Title}</h1></div>
- <div class="description"><p>{Description}</p></div>
- </header><br>
- <!---PAGE--->
- {block:Pagination}
- <nav class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i></a>
- {/block:PreviousPage}
- {CurrentPage} / {TotalPages}
- {block:NextPage}
- <a href="{NextPage}"><i class="fa fa-long-arrow-right"></i></a>
- {/block:NextPage}
- </nav>
- {/block:Pagination}
- {block:PermalinkPagination}
- <nav class="pagination">
- {block:NextPost}
- <a href="{NextPost}"><i class="fa fa-long-arrow-left"></i></a>
- {/block:NextPost}
- {block:PreviousPost}
- <a href="{PreviousPost}"><i class="fa fa-long-arrow-right"></i></a>
- {/block:PreviousPost}
- </nav>
- {/block:PermalinkPagination}</div>
- <!--sidebar-->
- <!---POST--->
- <main>
- <div class="postbox">
- {block:TagPage}
- <header>
- <div class="post">
- <h1 class="title">TAGGED POSTS</h1>
- <p>{lang:Showing TagResultCount posts tagged Tag}.</p>
- </div>
- <div class="info"></div>
- </header>
- {/block:TagPage}
- {block:Posts}
- <article>
- <div class="post">
- {block:Text}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}{Body}
- {/block:Text}
- {block:Link}
- <a href="{URL}"><h1 class="linkpost">{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Quote}
- <div class="quotepost">“ {Quote} ”</div>
- {block:Source}— {Source}{/block:Source}
- {/block:Quote}
- {block:Answer}
- <div class="askpost">
- <div><img src="{AskerPortraitURL-30}"><p class="asker">{Asker}: </p></div>
- <p class="question">{Question}</p>
- <p>{Answer}</p>
- </div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- {block:Lines}<div class="chatpost">
- {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
- </div>{/block:Lines}
- {/block:Chat}
- <!---MEDIA--->
- {block:Photo}
- {Linkopentag}<div class="photopost"><img src="{PhotoURL-500}">
- </div>{Linkclosetag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photopost">{Photoset}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Panorama}
- {LinkOpenTag}<div class="photopost"><img src="{PhotoURL-Panorama}">
- </div>{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Panorama}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- </div> <!--post-->
- <!---INFO--->
- <div class="info">
- {block:IndexPage}
- <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- <div class="buttons">
- <span class="button">{ReblogButton color="grey" size="15"}</span>
- <span class="button">{LikeButton color="grey" size="15"}</span>
- </div>
- {block:HasTags}<div class="tagindex">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- </div>{/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Date}{TimeAgo}{/block:Date}
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- <div class="buttons">
- <span class="button">{ReblogButton color="grey" size="15"}</span>
- <span class="button">{LikeButton color="grey" size="15"}</span>
- </div>
- {block:HasTags}<div class="tagpermalink">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- </div>{/block:HasTags}
- {block:PostNotes}<div class="postnotes">{PostNotes}
- </div>{/block:PostNotes}
- {/block:PermalinkPage}
- <!--CREDITS: DO NOT REMOVE-->
- <center><b> Layout by: <a href="http://9-daily.blogspot.com/search/label/Home">9Daily</a> |Tumblr Basecode by: <a href="https://airi-nyaan.tumblr.com/basic01">airi-nyaan</a> | Resources: <a href="https://www.deviantart.com/vul3m3/art/42-Photopack-TaeYeon-600493834">1</a> <a href="https://www.deviantart.com/snowmanjester/art/Cubism-Inspired-Texture-Pack-800375613">2</a> </b></center>
- </div> <!--info-->
- </article>
- {/block:Posts}
- </div> <!--postbox-->
- </main>
- </div>
- </div> <!--container-->
- </body>
- </html>
Add Comment
Please, Sign In to add comment