Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- base code by meroku
- THEME 7 aka ZAYN by ambicnce -->
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <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="#000" />
- <meta name="color:Italic" content="#000"/>
- <meta name="color:borders" content="#e3e3e3"/>
- <meta name="color:sidebarlinks" content="#000"/>
- <meta name="color:scrollbar" content="#000"/>
- <meta name="color:info" content="#fff"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:name1" content="refresh" />
- <meta name="text:name2" content="askbox" />
- <meta name="text:link3" content="url" />
- <meta name="text:name3" content="navigation" />
- <meta name="text:link4" content="url" />
- <meta name="text:name4" content="roleplay" />
- </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=Inconsolata:400,700|Karla:400,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
- padding:3px; /* space around the text */
- margin:25px 20px 5px 0px; /* positioning of your hover info in relation to the link */
- color:#fff; /* text color */
- text-transform:uppercase;
- font-family: arial; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
- font-size:7px; /* font size of your hover info */
- letter-spacing:1px; /* optional letter spacing */
- border-radius:3px;
- background: #272727;
- z-index:99999;
- }
- ::-webkit-scrollbar {width: 1px; height: 4px; background: #ffffff; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
- -webkit-border-radius: 1ex; }
- body {
- color:{color:text};
- background-color:{color:background};
- font-family:arial;
- font-size:9px; line-height:12px;
- text-align:justify}
- .container {
- height: 440px;
- width:465px;
- margin-top:70px;
- overflow: auto;
- margin-left:460px;
- border: solid 1px {color:borders};
- }
- 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;}
- small{font-size:9px;}
- big{font-size:auto}
- b, strong{color:{color:bold}}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- h1 {
- display:block;
- width:auto;
- text-transform:uppercase;
- color:{color:link};
- font-size:10px;;
- font-weight:bold;
- font-style:italic;
- letter-spacing:1px;
- text-align:left;
- }
- h2 {
- display:block;
- width:auto;
- text-transform:uppercase;
- color:{color:link};
- font-size:8px;
- font-weight:bold;
- font-style:italic;
- letter-spacing:1px;
- text-align:center;
- }
- blockquote {
- padding:2px;
- padding-left:20px;
- margin:16px;
- border-left:1px solid {color:borders};
- text-shadow: 1px 1px 0px {color:background};
- }
- img a{border:none; width:100%;}
- /* the overall entries container and position of it */
- #entries {
- margin-left:10px;
- text-align: justify;
- }
- /* here are your posts to customize!! */
- #posts {
- margin:15px 10px;
- width: 400px;
- text-align: justify;
- padding: 7px;
- background-color:#ffffff;
- margin-bottom:20px;
- }
- #posts img {max-width:100%;}
- /* THE SIDEBAR */
- .image img {
- border-radius:none;
- border:0px solid #000;
- width:82px;
- margin-left:-158px;
- -webkit-filter:brightness(100%);
- -webkit-transition:0.7s;
- }
- .image img:hover {
- -webkit-filter:brightness(80%);
- -webkit-transition:0.7s;
- }
- .image {
- padding:3px;
- }
- #sidebar {
- position:fixed;
- width:260px;
- height:240px;
- padding:-2px;
- overflow:hidden;
- left:170px;
- top:140px;
- }
- #description {
- text-align:justify;
- width:140px;
- height:170px;
- overflow:auto;
- font-size:8px;
- letter-spacing:1px;
- padding:3px;
- font-family:arial;
- line-height:10px;
- margin-top:-185px;
- position:fixed;
- margin-left:90px;
- padding-left:15px;
- }
- /* PAGINATION */
- #pagination {
- color:#fff;
- background:#000;
- width:240px;
- padding-top:3px;
- height:15px;
- margin-left:10px;
- font-size:7px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- margin-bottom:5px;
- }
- #pagination a {
- color:#fff;
- }
- #title {
- color:#fff;
- background:#000;
- width:240px;
- padding-top:3px;
- height:15px;
- margin-left:-5px;
- font-size:7px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- margin-bottom:5px;
- }
- /* PAGINATION /
- /* THE SIDEBAR */
- #credit{
- position:fixed;
- bottom:10px; left:10px;
- font-size:8px;
- font-family:'inconsolata';
- font-weight:700;
- letter-spacing:1px;
- color:{color:text};
- text-transform:uppercase;
- background:white
- border:1px solid #000;
- padding:3px;
- }
- #info{
- padding-top:5px;
- display:block;
- padding-bottom:5px;
- width:auto;
- font-family:arial;
- text-transform:uppercase;
- border: 1px solid {color:borders};
- color:{color:link};
- font-size:8px;
- letter-spacing:1px;
- font-weight:bold;
- text-align:center;
- }
- .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;
- text-transform:uppercase;
- font-size:8px;
- font-weight:700;
- }
- .user_2 .label {
- color:{color:text};
- text-transform:uppercase;
- font-size:8px;
- font-weight:700;
- font-style:italic;
- }
- .user_3 .label {
- color:{color:link};
- text-transform:uppercase;
- font-size:8px;
- font-weight:700;
- }
- .user_1 {
- background:#f1f1f1;
- padding:3px;
- }
- ul.chat, .chat ol, .chat li {list-style:none; margin:1px; padding:3px}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- #links {
- text-transform:uppercase;
- text-align:left;
- font-size:7px;
- font-weight:bold;
- margin-left:9px;
- letter-spacing:1px;
- font-family:'arial';
- margin-top:3px;
- }
- #links a {
- background:#000;
- color:white;
- width:78px;
- display:inline-block;
- padding:3px;
- text-align:center;
- -webkit-transition:1.2s;
- }
- #links a:hover {
- font-style:italic;
- -webkit-transition:1.2s;
- opacity:0.85;
- }
- #asker {
- font-size:8px;
- text-align:left;
- border:1px solid {color:borders};
- font-weight:700;
- letter-spacing:2px;
- padding:5px;
- }
- #question {
- border: solid 1px {color:borders};
- font-size:9px;
- text-transform:lowercase;
- padding:5px;
- text-align:center;
- }
- #tags {
- font-size:8px;
- text-transform:uppercase;
- margin-top:-2px;
- color:#ababab;
- }
- #tags a {
- color:#ababab;
- }
- #tags a:hover {
- text-decoration:underline;
- color:#ababab;
- }
- </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="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">less / </a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">more</a><br />{/block:NextPage}{/block:Pagination}</div>
- <center>
- <div class="image"><img src="{image:sidebar}" /></div>
- <div id="links">
- <a href="/">{text:name1}</a>
- <p><a href="/ask">{text:name2}</a>
- <p><a href="{text:link3}">{text:name3}</a>
- <p><a href="{text:link4}">{text:name4}</a>
- </div>
- <div id="description">{description}</div>
- <div id="title">{Title}</div>
- </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="credit"><a href="http://ambicnce.tumblr.com/" title="theme credit">ambicnce</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}
- {block:Answer}
- <div id="asker"><b>{Asker}</b> asked: {Question}</div><br>{Answer}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date} {block:NoteCount}• <a href="{Permalink}" >{NoteCountWithLabel}</a> {/block:NoteCount}<a href="{ReblogURL}" target="_blank">• REBLOG </a>
- </center><p>
- <div id="tags"><center>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div>
- <br /></div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement