Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-- base code by meroku
- THEME 003 'TEDDY BEAR' BY KIERAOFRP
- DO NOT REDISTRIBUTE OR MOVE THE CREDIT -->
- <html>
- <head>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- DEFAULTS, this it the area that you can add color, images, if show captions, stuff like that -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:text" content="#000000" />
- <meta name="color:text shadow" content="#a0a0a0" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#c0bdb8" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:border" content="#777777" />
- <meta name="color:scrollbar bg" content="#000000" />
- <meta name="color:scrollbar" content="#ffffff" />
- <meta name="color:Italic" content="#bbbbbb"/>
- <meta name="image:sidebar1" content=""/>
- <meta name="image:sidebar2" content=""/>
- <meta name="text:link1" content="url" />
- <meta name="text:name1" content="link" />
- <meta name="text:link2" content="url" />
- <meta name="text:name2" content="link" />
- <meta name="text:link3" content="url" />
- <meta name="text:name3" content="link" />
- <meta name="text:link4" content="url" />
- <meta name="text:name4" content="link" />
- </head>
- <link href='https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar {
- height:4px;
- width:3px;
- padding-right:2px;
- background-color:{color:scrollbar bg};
- }
- body {
- color:{color:text};
- text-shadow:{color:text shadow} 1px 1px 2px;
- background-color:{color:background};
- font-family:roboto;
- font-size:11px;
- line-height:17px;
- text-align:justify;
- }
- a:link, a:active, a:visited{
- color: {color:link};
- text-decoration:none
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px 5px 5px 6px;
- margin:20px 0px 0px 20px;
- border:{color:text} 1px;
- background-color:{color:background};
- font-family:arial;
- font-size:9px;
- letter-spacing:2px;
- text-transform:lowercase;
- font-weight:bold;
- color:#fff;
- z-index:999999999999999999999999999999999999;
- }
- small{
- font-size:auto
- }
- big{
- font-size:auto
- }
- b, strong{
- color:{color:bold}
- }
- h1 {font-size:15px;}
- i, em {
- color:{color:italic}
- }
- p{margin-top:6px; margin-bottom:6px}
- blockquote {
- padding:0px; padding-left:10px;
- margin:8px;
- border-left:1px solid {color:text}
- }
- img a{border:none; width:100%;}
- /* IMESSAGE CHAT POST */
- .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.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 #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.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 #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
- .asked p {
- text-align: left;
- margin: 0 0px 10px 0px;
- padding: 0;
- color: #666666;
- font-family: 'Inconsolata', Inconsolata;
- font-size: 12px;
- line-height: 0px;
- }
- .footerright .viasrc {
- float: left;
- }
- .asked a {
- margin:0;padding:0;
- }
- .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- /* the overall entries container and position of it */
- #entries {
- padding:20px;
- width:500px;
- margin-left:480px;
- margin-top:40px;
- margin-bottom: -30px;
- }
- /* here are your posts to customize!! */
- #container {
- position:static;
- margin-left:0px;
- margin-right:auto;
- width: 400px;
- height:350px;
- padding:30px;
- overflow:auto;
- margin-top:50px;
- text-align:left;
- margin-bottom:0px;
- border: 1px {color:border} solid;
- background:{color:background};}
- #post {
- width:500px;
- padding:7px;
- margin-bottom:10px;
- padding-bottom:0px;
- text-align:left;
- background-color:{color:postbg};
- }
- .postinfo {
- margin-top:4px;
- margin-left:-7px;
- padding-top: 4px;
- padding-bottom:4px;
- padding-right:3px;
- width:511px;
- text-align:left;
- font-family:arial;
- text-transform:lowercase;
- font-size:10px;
- background-color:{color:text}
- }
- #description {
- width:180px;
- height:190px;
- padding:10px;
- overflow:auto;
- color:{color:text};
- }
- #posts img {max-width:100%;}
- #sidebar {
- width:200px;
- height:410px;
- border:1px solid black;
- position:fixed;
- margin-left:298px;
- margin-top:70px;
- }
- h2 {
- font-family:roboto;
- font-weight:100;
- line-height:17px;
- }
- #pagination {font-family:roboto; text-align:center; font-size:24px; margin-bottom:2px;}
- #tags {
- display:block;
- padding-bottom:10px;
- width:auto;
- text-align:right;
- font-size:8px;
- font-family:roboto;
- text-transform:uppercase;
- }
- /*--CREDIT DONT TOUCH--*/
- #credit{position:fixed; bottom:10px; left:10px; font-size:11px; font-family:roboto;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; background:white; border:1px solid #aaa; padding:3px;}
- #info {
- padding-top:5px;
- display:block;
- width:auto;
- text-align:right;
- font-size:8px;
- font-family:roboto;
- text-transform:uppercase;
- }
- .playercontainer {
- text-align:left;
- padding:10px;
- padding-left:0px;
- background-color:#fff;
- width:480px;
- }
- .musicinfo {
- padding-top:7px;
- padding-left:50px;
- color:#000;
- text-align:justify;
- }
- /* this is your chats, you can stylize however you want */
- </style>
- <!-- this is the area where everything comes to life and you have to code all the stuff you stylized. so i already got you like 10% started. or something, maybe more. i was never good at math anyway. -->
- <body>
- <div id="sidebar">
- <a href="/"><center><p><p><img src="{image:sidebar1}" style="width:80px;position:inline;
- padding:5px;border:1px {color:border};"><img src="{image:sidebar2}" style="width:80px;position:inline;
- padding:5px;"></a></center>
- <h1><center>{title}</center>
- </h1>
- <div id="description">
- {description}
- </div>
- <center>
- <a href="/">home</a> /
- <a href="/ask">ask</a> /
- <a href="{text:link1}">{text:name1}</a> /
- <a href="{text:link2}">{text:name2}</a> /
- <a href="{text:link3}">{text:name3}</a> /
- <a href="{text:link4}">{text:name4}</a></center>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
- </div>
- <!-- here is the credit, you can add your own in here! if you're not changing much to this theme, then leave it! -->
- <div id="credit"><a href="http://kieraofrp.tumblr.com/">@</a></div>
- </div>
- <div id="entries">
- <div id="container">
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>{/block:Title}<br>
- <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}{Asker} whispered: {Question}<br>{Answer}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br></div>
- <div id="tags">{block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div>
- <br />
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement