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 NUMBER ONE ' KILLKILL' BY KITTY @ BRATTYRP
- BASE CODE CREDIT: JULIAROLEPLAYS.
- SPECIAL THANK YOUS: OCTOMOOSEY ( tutorials ) DOHERTYS ( hosting two fonts )
- -------->
- <meta name="image:banners" content=""/>
- <meta name="image:navigation" content=""/>
- <meta name="image:sidebar bg" content=""/>
- <meta name="image:info" content=""/>
- <meta name="color:text" content=""/>
- <meta name="color:links" content=""/>
- <meta name="color:bold" content=""/>
- <meta name="color:italic" content=""/>
- <meta name="color:accent one" content=""/>
- <meta name="color:accent two" content=""/>
- <meta name="color:accent three" content=""/>
- <meta name="color:sidebars" content=""/>
- <meta name="color:entries" content=""/>
- <meta name="color:container" content=""/>
- <meta name="color:question text" content=""/>
- <meta name="color:question bg" content=""/>
- <meta name="color:background" content=""/>
- <meta name="text:link one url" content="/" />
- <meta name="text:link one title" content="" />
- <meta name="text:link two url" content="/" />
- <meta name="text:link two title" content="" />
- <meta name="text:link three url" content="/" />
- <meta name="text:link three title" content="" />
- <meta name="text:link four url" content=""/>
- <meta name="text:link four title" content=""/>
- <meta name="text:whatido" content=""/>
- <meta name="text:updates" content=""/>
- <style type="text/css">
- @font-face { font-family: "poppins"; src: url('https://dl.dropboxusercontent.com/s/5tf8iw9skd99dgl/Poppins-Regular.ttf'); ;}
- @font-face { font-family: hs1; src: url('https://dl.dropboxusercontent.com/s/fblyu61g2kzjtqg/HelloSunshine.otf') ;}
- @font-face { font-family: g_revo; src: url('https://dl.dropboxusercontent.com/s/zt0t6xkpmud91wd/g_revo.ttf') ;}
- @font-face { font-family: "LemonMilk"; src: url('https://dl.dropboxusercontent.com/s/lhszjbu2isbzomp/LemonMilk.otf') ;}
- /* ◤✧.°❀。 — GENERAL*/
- body {
- background-color:{color:background};
- font-family:'poppins';
- text-align:justify;
- color:{color:text};
- font-size:11px;
- letter-spacing;-1px;
- margin: 0;
- }
- sub, sup, small {
- color:{color:text};
- font-size: 9px;
- }
- a {
- color: {color:links};
- font-family:'poppins';
- text-decoration: none;
- }
- b {
- color:{color:bold};
- }
- i {
- color:{color:italic};
- }
- h1 {
- font-family: hs1;
- font-size:60px;
- text-align:center;
- color:{color:text};
- padding:7px;
- margin:5px;
- letter-spacing:.5px;
- text-shadow:1px 1px 4px {color:desctext};}
- h2 {
- font-family: LemonMilk;
- text-align:center;
- background: {color:accent three};
- height:17px;
- text-transform:uppercase;
- font-size:12px;
- color:black;
- padding-top: -1px;
- text-shadow:1px 1px {color:text}; }
- h3 {
- font-family:'hs1';
- text-transform:lowercase;
- font-size:30px;
- padding:3px;
- text-align:center;
- border-bottom:2px solid rgba({RGBcolor:accent two},.5);margin:5px;
- color:{color:italic};
- }
- h4 {
- font-size:12px;
- text-align:right;
- font-family: LemonMilk;
- letter-spacing:10px;
- padding:4px;margin:5px;
- color:{color:bold};
- }
- /* ◤✧.°❀。 — CONTAINERS*/
- #upper {
- width: 1300px;
- margin: auto;
- background:{color:container};
- }
- #lower {
- width: 1300px;
- min-height: 1500px;
- padding-top: 30px;
- margin: auto;
- margin-bottom: 0;
- background: {color:container};
- }
- #postblock {
- width: 560px;
- margin: auto;
- }
- /* ◤✧.°❀。 — HEADER*/
- #navigation {
- font-family: LemonMilk;
- text-shadow: 0px 0px 5px {color:accent three};
- color:{color:accent three};
- padding-bottom:10px;
- font-size: 40px;
- position: fixed;
- margin-top: 0;
- width: 1300px;
- height: 70px;
- background-image:url('{image:navigation}');
- }
- #navigation ul {
- list-style: none;
- margin: 0;
- margin-top: 20px;
- font-weight: 700;
- }
- #navigation ul li {
- display: inline;
- text-align: center;
- margin-top: 0;
- }
- #navigation ul li a {
- padding: 5px;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 2px;
- }
- #banner {
- border:solid 1px {color:accent one};
- margin-top: 90px;
- height:450px;
- width: 1300px;
- }
- /* ◤✧.°❀。 — SIDEBARS*/
- .description {
- font-size:12px;
- }
- #left {
- background-color:{color:accent one};
- float: left;
- margin-left: 25px;
- max-height:300px;
- width: 300px;
- }
- #right {
- float: right;
- margin-right: 25px;
- width: 300px;
- }
- /* ◤✧.°❀。 — BOXES*/
- .boxheader {
- background-image:url('{image:banners}');
- box-shadow: 0px 0px 5px {color:accent one};
- border:2px dotted {color:accent one};
- width: 280px;
- height:50px;
- padding: 10px;
- color: {color:accent one};
- }
- .boxtitle {
- padding-top:2px;
- font-family:LemonMilk;
- text-shadow: 0px 0px 5px {color:accent one};
- font-size:40px;
- text-align: center;
- }
- .box {
- background-image:url('{image:sidebar bg}');
- border: 2px dotted {color:accent one};
- box-shadow: 0px 0px 5px {color:accent one};
- width: 280px;
- padding: 10px;
- margin-bottom: 15px;
- }
- /* ◤✧.°❀。 — AFFIES*/
- .aff {
- display: inline-block;
- margin: 3px;
- }
- /* ◤✧.°❀。 — OTHER BLOGS*/
- .rpgname {
- margin-top: 10px;
- margin-bottom: 5px;
- font-size: 20px;
- text-transform: uppercase;
- }
- .rpgimg {
- float: left;
- }
- .rpginfo {
- overflow-x: hidden;
- overflow-y: hidden;
- height: 55px;
- width: 195px;
- padding: 5px 5px 5px 75px;
- background: #dbdbdb;
- }
- /* ◤✧.°❀。 — POSTS */
- .posts {
- background-color:{color:entries};
- border: double 6px {color:accent one};
- box-shadow: 0px 0px 5px {color:accent one};
- width: 500px;
- padding: 30px;
- margin-bottom: 20px;
- }
- .entries {
- position:absolute;
- z-index:3;
- bottom:0px;
- right:0px;
- width:520px;
- height:460px;
- overflow-x:hidden;
- overflow-y:auto;
- background-color:transparent;
- box-sizing:border-box;
- padding:40px 40px 20px 40px;
- }
- /* ◤✧.°❀。 — ASKS */
- #ask {
- z-index:10;
- font-size:16px;
- text-align:center;
- text-transform:lowercase;
- color:{color:question text};
- background-color:{color:question bg};
- margin-right:0px;
- padding:10px;
- padding-left:10px;
- }
- #ask a {
- font-family: LemonMilk;
- color:{color:question text};
- }
- .bubble {
- color: {color:italic};
- font-size: 10px;
- line-height: 20px;
- background: {color:accent one};
- border: 2px dotted {color:accent one};
- box-shadow: 0px 0px 5px {color:accent one};
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 50px;
- padding: 8px 12px;
- position: relative;
- display: block;
- }
- /* ◤✧.°❀。 — PERMALINKS */
- .permalink {
- margin:20px -20px -19px -19px;
- padding:20px;
- text-align:left;
- border-radius:0px 0px 3px 3px;
- font-family:calibri;
- }
- .permalink a {
- margin-right:5px;
- color:{color:posts};
- }
- /* ◤✧.°❀。 — TAGS */
- .tags {
- background-image:url('{image:info}');
- border:solid 1px {color accent two};
- height:90px;
- width:500px;
- text-transform:uppercase;
- text-align:center;
- font-family:LemonMilk;
- font-size:12px;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- .tags a {
- margin:5px 5px 0px 0px;
- padding-top:1px;
- padding-left:10px;
- display:inline-block;
- color:{color:accent one};
- }
- .tags a:hover {
- background-color:{color:posts};
- color:{color:border};
- }
- /* ◤✧.°❀。 — QUOTES */
- .quote {
- font-family: 'hs1';
- color:{color:accent one};
- text-align:left;
- font-size:54px;
- line-height:18px;
- }
- .source {
- font-family:LemonMilk;
- color{color:accent two};
- font-size:20px;
- margin-top:10px;
- text-align:center;
- }
- /* ◤✧.°❀。 — CHATS */
- .convo li {
- background-color:{color:accent one};
- margin:0 0 5px;
- border-radius:1em;
- padding:.5em 10px;
- max-width:75%;
- clear:both;
- position:relative;
- }
- .convo li:before {
- content:"";
- }
- .convo b, .convo strong {
- color:{color:accent two};
- font-family:Lemon/Milk;
- text-transform:uppercase;
- }
- .user_1, .user_3, .user_5, .user_7, .user_9, .user_11 {
- float:left;
- background:{color:bold};
- color:{color:text};
- left:3px;
- }
- .user_1::after, .user_3::after, .user_5::after, .user_7::after, .user_9::after, .user_11::after {
- content:"";
- position:absolute;
- left:-.5em;
- bottom:0;
- width:.5em;
- height:1em;
- border-right:.5em solid {color:bold};
- border-bottom-right-radius:1em .5em;
- }
- .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 {
- right:3px;
- float:right;
- background-color:{color:italic};
- color:{color:text};
- }
- .user_2::after, .user_4::after, .user_6::after, .user_8::after, .user_10::after, .user_12::after {
- content:"";
- position:absolute;
- right:-.5em;
- bottom:0;
- width:.5em;
- height:1em;
- border-left:.5em solid {color:italic};
- border-bottom-left-radius:1em .5em;
- }
- .user_4 {background-color:{color:border};color:{color:posts};}
- .user_4::after {border-color:{color:border};}
- .user_6 {background-color:{color:italic};color:{color:text};}
- .user_6::after{border-color:{color:italic};}
- .user_5{background-color:{color:bold};color:{color:text};}
- .user_5::after{border-color:{color:bold};}
- .user_3{background-color:{color:accent};color:{color:text};}
- .user_3::after{border-color:{color:accent};}
- .user_7{background-color:{color:accent};color:{color:text};}
- .user_7::after{border-color:{color:accent};}
- .user_8{background-color:{color:border};color:{color:posts};}
- .user_8::after{border-color:{color:border};}
- .user_9{background-color:{color:bold};color:{color:text};}
- .user_9::after{border-color:{color:bold};}
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- /* ◤✧.°❀。 — PAGINATION */
- .pagination {
- width: 400px;
- padding-bottom: 20px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 20px;
- text-align: center;
- text-transform: uppercase;
- }
- .jump_page {
- padding: 10px;
- }
- .current_page {
- margin-left: 5px;
- }
- .current_page, .jump_page:hover {
- padding: 10px;
- }
- </style><body>
- <!---------------- HEADER START ---------------->
- <div id="upper">
- <div id="navigation">
- <ul>
- <li><a href="{text:link one url}">{text:link one title}</a>
- <li><a href="{text:link two url}">{text:link two title}</a>
- <li><a href="{text:link three url}">{text:link three title}</a>
- <li><a href="{text:link four url}">{text:link four title}</a>
- <li><a href="{text:link five url}">{text:link five title}</a>
- </ul>
- </div>
- <img src="https://imgur.com/exoszOH.png" id="banner">
- </div>
- <!---------------- HEADER END ---------------->
- <!---------------- LOWER BODY START ---------------->
- <div id="lower">
- <!---------------- LEFT SIDEBAR START ---------------->
- <div id="left">
- <!-------- GENERAL BOX START -------->
- <div class="boxheader">
- <div class="boxtitle">This is the title</div>
- </div>
- <div class="box" class="">
- <img src="https://imgur.com/UFgA3tZ.png"> <br>
- <div class="description">{Description}</div>
- <h1>this is an h1</h1>
- <h2>this is an h2</h2>
- <h3>this is an h3</h3>
- <h4>this is an h4</h4>
- </div>
- <!-------- GENERAL END -------->
- <!-------- AFFILIATES START -------->
- <div class="boxheader">
- <div class="boxtitle">Affiliates</div>
- </div>
- <div class="box" class="affiliates">
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- <div class="aff">
- <a href="URL">
- <img src="https://imgur.com/Tc9YDcu.png">
- </a>
- </div>
- </div>
- <!-------- AFFILIATES END -------->
- <!-------- WHATIDO START -------->
- <div class="boxheader">
- <div class="boxtitle">Whatido</div>
- </div>
- <div class="box" class="affiliates">
- {text:whatido}
- </div>
- <!-------- WHATIDO END -------->
- </div>
- <!---------------- LEFT SIDENBAR END ---------------->
- <!---------------- RIGHT SIDEBAR START ---------------->
- <div id="right">
- <!-------- OTHER BLOGS START -------->
- <div class="boxheader">
- <div class="boxtitle">MY BLOGS</div>
- </div>
- <div class="box">
- <!---- OTHER BLOGS END ---->
- <div class="rpgname"><h1>delreylooks</h1></div>
- <div id="roleplay">
- <img src="https://imgur.com/C3GtDo9.png">
- <h4>( delreylooks )</h4>
- <h2>BLOG TYPE: <i>Fansite.</i>
- <h2>STATUS:<i> Coming soon.</i>
- </div>
- <!---- OTHER BLOGS END ---->
- <!---- OTHER START ---->
- <div class="rpgname"><br><h1>brattyicons</h1></div>
- <div id="roleplay">
- <img src="https://imgur.com/2jmOSlX.png">
- <h4>( brattyicons )</h4>
- <h2>BLOG TYPE: <i>resource..</i>
- <h2>STATUS:<i> active.</i>
- </div>
- <!---- OTHER BLOGS END ---->
- </div>
- <!-------- FEATURED RPGS END -------->
- <!-------- UPDATES START -------->
- <div class="boxheader">
- <div class="boxtitle">Updates</div>
- </div>
- <div class="box" class="affiliates">
- {text:updates}
- </div>
- <!-------- UPDATES END -------->
- </div>
- <!---------------- RIGHT SIDEBAR END ---------------->
- <!---------------- POSTS START ---------------->
- <div id="postblock">
- {block:Posts}
- <div class="posts">
- <!-------- GENERAL CONTENT -------->
- {block:Text}
- {block:Title}{Title}{/block:Title}
- {Body}
- {/block:Text}
- <!-------- SINGLE IMAGE -------->
- {block:Photo}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!-------- CHAT -------->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!-------- PHOTOSETS -------->
- {block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {block:Caption}{Caption}{block:Caption}
- {/block:Panorama}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!-------- QUOTE -------->
- {block:Quote}
- <div class="quote"><b>“</b>{Quote}<b>”</b></div>
- {block:Source}
- <div class="source">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- <!-------- LINK -------->
- {block:Link}
- <a href="{URL}" class="link">{Target}{Name}</a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-------- VIDEO -------->
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!-------- AUDIO -------->
- {block:Audio}
- {AudioEmbed}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!-------- ASK -------->
- {block:Answer}
- <div id="ask"><img class="asker-avatar" src="{AskerPortraitURL-48}" alt=""> {Asker} sent:</div>
- <div class="question bubble">
- {Question}
- </div>
- <br>{Answer}
- {/block:Answer}
- <!---------------- POSTS END ---------------->
- <!-- Tags -->
- {block:HasTags}<div class="tags"><span>TAGGED AS:</span> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
- </div>
- {/block:Posts}
- <!---------------- PAGINATION START ---------------->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Previous</a>
- {/block:PreviousPage}
- {block:JumpPagination length="10"}
- {block:CurrentPage}
- <span class="current_page"> {PageNumber} </span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}"> {PageNumber} </a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <!---------------- PAGINATION END ---------------->
- </div>
- <!---------------- FOOTER START ---------------->
- <div id="footer">
- This is the footer, credit, a disclaimer or whatever you want can go here.
- </div>
- <!---------------- FOOTER END ---------------->
- <!---------------- LOWER BODY END ---------------->
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement