Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!--
- This is theme #22 - blogroll page by sandragonthemes.
- Please follow the rules and do not remove the credit.
- If you have questions or feedback please send me a message.
- -->
- <html>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="stylesheet" href="http://sandrabelder.nl/other/tumblr/themes/23/stylesheet.css">
- <link href='http://fonts.googleapis.com/css?family=Roboto:400,100' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/gghvtgk/SOQnkkvun/jquery.style-my-tooltips.js"></script>
- <script>
- (function($) {
- $(document).ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor: true,
- tip_delay_time: 100,
- tip_fade_speed: 300,
- attribute: "title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /* SCROLLBAR */
- ::-webkit-scrollbar {
- width: 2px;
- height:2px;
- background-color: #2c2c2c;
- }
- ::-webkit-scrollbar-track {
- background-color: #2c2c2c;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #c10849;
- }
- ::selection {
- background-color: #d0d0d0;
- }
- /* SELECTION */
- ::-moz-selection {
- background: #f6f6f6;
- }
- /*BODY*/
- body {
- background-color: #f6f6f6;
- font-family: "helvetica", "arial", sans-serif;
- font-size: 9pt;
- color: #2c2c2c;
- margin:0px;
- padding:0px;
- }
- a{
- color: #c10849;
- font-weight: none;
- text-decoration: none;
- }
- a:hover{
- color: #9f023a;
- }
- h1{
- font-family: "code_lightregular", sans-serif;
- text-transform:lowercase;
- font-size:14pt;
- padding:0px;
- margin:0px;
- margin-bottom:15px;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- h2{
- font-size:12pt;
- font-family: 'Roboto', sans-serif;
- text-transform:uppercase;
- font-weight:400;
- }
- h3{
- font-size:10pt;
- font-family: 'Roboto', sans-serif;
- font-weight:700;
- text-align:left;
- margin:0px 0px 0px 20px;
- }
- ul{
- list-style-type:none;
- margin:0px;
- padding:0px;
- }
- /* TOP BAR */
- #topbar{
- width:100%;
- height:32px;
- background-color:#000;
- text-align:left;
- text-transform:uppercase;
- color:#e1e1e1;
- padding-top:8px;
- }
- #topbar img{
- width:35px;
- height:35px;
- -webkit-border-radius: 17px;
- -moz-border-radius: 17px;
- border-radius: 17px;
- left:15px;
- top:2px;
- position:absolute;
- }
- #topbar a{
- color:#e1e1e1;
- margin-left:10px;
- font-size:7pt;
- text-transform:uppercase;
- }
- #topbar a:hover{
- color:#cecece;
- }
- #title{
- font-weight:100;
- font-size:14pt;
- font-family: 'Roboto', sans-serif;
- /*border-bottom:1px solid #e1e1e1;*/
- padding:0px 10px 2px 10px;
- margin-left:55px;
- letter-spacing:1px;
- }
- /* CONTENT SETUP*/
- #container{
- width:100%;
- text-align:center;
- }
- /* SECTIONS */
- #sections {
- width: 100%;
- height:500px;
- overflow: auto;
- overflow-y: hidden;
- }
- .section {
- width:510px;
- height:460px;
- margin:0 auto;
- margin-top:25px;
- overflow: auto;
- padding:20px;
- text-align:center;
- }
- /* BIOGRAPHY */
- .one_column_text{
- width:510px;
- margin:0 auto;
- text-align:left;
- margin-bottom:15px;
- }
- .two_column_text{
- text-align:justify;
- margin:0 auto;
- width:510px;
- -webkit-column-count: 2; /* Chrome, Safari, Opera */
- -moz-column-count: 2; /* Firefox */
- column-count: 2;
- -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
- -moz-column-gap: 20px; /* Firefox */
- column-gap: 20px;
- margin-bottom:15px;
- }
- /* TAGS */
- .tags{
- width:150px;
- margin-right:10px;
- margin-bottom:20px;
- float:left;
- text-align:left;
- }
- .tags li{
- width:150px;
- font-size:7pt;
- padding:5px;
- margin-bottom:2px;
- text-transform:uppercase;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- .tags li.taglist_title{
- font-family: 'Roboto', sans-serif;
- font-size:12pt;
- padding:0px;
- text-transform:uppercase;
- border-bottom:1px solid #e1e1e1;
- }
- .tags li:hover{
- padding-left:0px;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- /* LINKS */
- .navlist{
- margin-top:15px;
- margin-bottom:30px;
- }
- .navlist li{
- margin-bottom:7px;
- }
- .navlist a{
- text-transform:uppercase;
- font-size:8pt;
- padding:0px 4px 2px;
- border-bottom:1px solid #e1e1e1;
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -ms-transition: all 0.4s;
- -o-transition: all 0.4s;
- transition: all 0.4s;
- }
- .navlist a:hover{
- padding:0px 12px 2px;
- border-bottom:1px solid #cbcbcb;
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -ms-transition: all 0.4s;
- -o-transition: all 0.4s;
- transition: all 0.4s;
- }
- /* BLOGROLL */
- .followed {
- width: 64px;
- height: 64px;
- float:left;
- margin:4px;
- }
- .followed img{
- width:64px;
- height:64px;
- border:0px solid #e1e1e1;
- -webkit-transition: all 0.2s;
- -moz-transition: all 0.2s;
- -ms-transition: all 0.2s;
- -o-transition: all 0.2s;
- transition: all 0.2s;
- }
- .followed img:hover{
- width:54px;
- height:54px;
- border:5px solid #e1e1e1;
- -webkit-transition: all 0.2s;
- -moz-transition: all 0.2s;
- -ms-transition: all 0.2s;
- -o-transition: all 0.2s;
- transition: all 0.2s;
- }
- #s-m-t-tooltip{
- max-width:300px;
- z-index:10;
- margin:24px 14px 7px 12px;
- padding:4px;
- background:#f6f6f6;
- border:1px solid #e1e1e1;
- font-family: 'Roboto', sans-serif;
- font-size:6pt;
- text-transform:uppercase;
- }
- /* CONTACT */
- .contactpage{
- float:left;
- width:245px;
- }
- .answer{
- text-align:left;
- margin:0px 0px 10px 20px;
- }
- </style>
- <title>{Title}</title>
- </head>
- <body>
- <div id="container">
- <div id="topbar">
- <img src="{PortraitURL-40}">
- <span id="title">{Title}</span>
- <a href="https://www.tumblr.com/dashboard">Dashboard</a>
- <a href="/">Main</a>
- <a href="/archive">Archive</a>
- <a href="http://sandragonthemes.tumblr.com">Theme</a>
- </div>
- <div id="sections">
- <!-- SECTION 1 -->
- <div class="section">
- <h1>Blogroll</h1>
- {block:Following}{block:Followed}
- <div class="followed">
- <a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" title="{FollowedName}"></a>
- </div>
- {/block:Followed}{/block:Following}
- </div> <!-- end section -->
- </div><!--end container-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement