Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- base code by meroku
- ๐โจ ๐โจ ๐โจ ๐โจ THEME I. aka SWEATPANTS by gcldchains ๐โจ ๐โจ ๐โจ ๐โจ
- -->
- <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="#c0bdb8" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#c0bdb8" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:Italic" content="#bbbbbb"/>
- <meta name="color:borders" content=""/>
- <meta name="color:entries" content=""/>
- <meta name="color:headerbg" content=""/>
- <meta name="color:scrollbar" content="#000000"/>
- <meta name="color:shadow" content="">
- <meta name="image:sidebar" 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:title" content="this is the title" />
- <meta name="text:toptitle" content="this is the top title" />
- <meta name="text:updates" content="here you can write an updates list/wid/etc" />
- </head>
- <!-- from here on, you creat class and id DIV's; class looks like: .something id's being #something, you use here to stylize how your theme looks, what color, backgrounds, borders, fonts, texts, padding, margins all of that cool stuff -->
- <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar {width: 4px; height: 4px; background: #ffffff; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 5ex; }
- body {
- color:{color:text};
- background-color:{color:background}; font-family:arial; font-size:11px; line-height:14px; text-align:justify; text-shadow:1px 1px 0.5px {color:shadow};}
- .container { max-height: 400px; height: 400px; margin-top:100px; overflow: auto; background-color:{color:headerbg}; padding-left:40px; width:500px; margin-left:330px; border: solid 1px {color:borders};}
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none; font-size:9px;}
- a:hover {
- color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; border-bottom: dotted 1px {color:borders};}
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:bold}}
- h1 {font-size:15px; background-color:#000; color:#fff; padding:3px; font-family:arial; font-size:8px; letter-spacing:2px; text-transform:uppercase;}
- h2 {font-size:15px; color:{color:bold}; padding:3px; font-family:'roboto condensed'; font-size:12px; letter-spacing:4px; text-transform:uppercase;}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:15px; margin:20px; border-left:1px solid {color:text}}
- img a{border:none; width:100%;}
- /* the overall entries container and position of it */
- #entries {margin-left:10px; text-align: justify;}
- #asker { width:430px; margin-left:-11px; font-size:8px; font-family:'arial'; font-weight:bold; text-align:center; letter-spacing:3px; text-transform:uppercase; border-bottom: solid 1px {color:borders}; padding:3px;}
- /* here are your posts to customize!! */
- #posts {margin: 70px 0 0px 0; width: 400px;text-align: justify; padding: 10px;background-color:{color:entries};}
- #posts img {max-width:100%;}
- #title { font-size:8px; font-family:'arial'; font-weight:bold; text-align:center; letter-spacing:3px; text-transform:uppercase; border-left: solid 1px {color:borders}; padding-left:9px;}
- #sidebar{ position:fixed; width:200px; background:white; padding:7px; overflow:hidden;left:900px; top:100px;
- }
- #links { font-size:8px; font-family:'arial'; font-weight:bold; letter-spacing:3px; text-align:center; margin-left:0px; text-transform:uppercase;
- }
- #description { font-size:10px; width:158px; margin-left:5px; border: solid 1px {color:borders}; padding:15px;
- }
- #pagination {font-family:arial; text-align:center; font-size:14px; margin-bottom:2px;}
- #credit{position:fixed; bottom:20px; left:20px; font-size:13px; font-family:'roboto condensed';color:{color:text}; text-transform:lowercase;letter-spacing: 2px; font-style:normal; background:white; border:1px solid #d0d0d0; padding:3px;}
- #toptitle{position:fixed; width:532px; left:340px; top:65px; font-size:8px; font-family:'arial';color:{color:text}; text-transform:uppercase;letter-spacing: 3px; font-weight:bold; background:white; border:1px solid {color:borders}; padding:3px;}
- #updates {position:fixed; width:150px; left:110px; top:210px; font-size:9px; font-family:'arial';color:{color:text}; text-transform:none;letter-spacing: 1px; font-weight:none; background:{color:background}; border:1px solid {color:borders}; padding:13px;}
- #info{
- padding-top:5px;
- font-family:calibri;
- letter-spacing:2px;
- word-spacing:3px;
- text-align:center;
- font-weight:bold;
- text-transform:uppercase;
- color:{color:text};
- font-size:8px;
- }
- .audio{background-color:black; display:block}
- /* this is your chats, you can stylize however you want */
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:italic}
- .user_3 .label {color:{color:link}; font-weight:text}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- </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">
- <div id="title">{text:title}</div>
- <a href="/"><img src="{image:sidebar}" style="width:70px;margin-left:55px; border-radius:100px; padding:9px;"></a>
- <div id="description">{description}<p></div><br>
- <div id="links">
- <a href="/"><small>home</small></a>
- <a href="/ask"><small>ask</small></a>
- <a href="{text:link1}"><small>{text:name1}</small></a>
- <a href="{text:link2}"><small>{text:name2}</small></a> </div>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big>ยซ</big></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><big>ยป</big></a><br />{/block:NextPage}{/block:Pagination}</div>
- </div>
- </center>
- <!-- 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="toptitle">{text:toptitle}</div>
- <div id="updates">{text:updates}</div>
- <div id="credit"><a href="http://gcldchains.tumblr.com/" title="theme credit"><big>๐โจ </big></a> </div>
- <div class="container">
- <div id="entries">
- {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}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- <div id="asker">{block:Answer}{Asker}whispered: {Question}</div> <div id="answer"><br>{Answer}{/block:Answer}</div>
- {block:Audio}{AudioPlayerWhite}<br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> Reblog</a><a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br>reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource} originally from <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center><p>
- <center>{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}
- <br /></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement