Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- PAGE CODE: MINATO by minatoos
- - pls don't steal or repost as your own
- - hope you enjoy it!
- - @minatoos for more themes
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
- <link rel="shortcut icon" href="{Favicon}"/>
- <style type="text/css">
- /*CREDITS DO NOT REMOVE-------------------------------------------------*/
- .c {
- position: fixed;
- bottom: 30px;
- right: 30px;
- text-align: center;
- border: 1px solid #f3f3f3;
- padding: 2px 4px 2px 4px;
- }
- .c a {
- color: #f3f3f3;
- text-decoration: none;
- font-size: 8px;
- }
- .c a:hover {
- opacity: 0.5;
- -moz-transition:0.4s ease-in;
- -webkit-transition:0.4s ease-in;
- -o-transition:0.4s ease-in;
- transition: 0.4s ease-in;
- }
- /*SCROLLBAR-------------------------------------------------------------*/
- ::-webkit-scrollbar {
- background-color: #ffffff;
- height: 8px;
- width: 5px
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #ffffff;
- height:5px
- }
- /*PAGE------------------------------------------------------------------*/
- body {
- background-color: white;
- background-attachment: fixed;
- font-family: Verdana;
- font-size: 10px;
- font-weight: lighter;
- color: #000000;
- word-wrap: break-word;
- margin: 0;
- }
- a {
- text-decoration: none;
- transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- -webkit-transition: 0.5s ease;
- }
- /*LINKS-----------------------------------------------------------------*/
- ul {
- text-align: left;
- text-transform: lowercase;
- margin-left: -30px;
- }
- ul a {
- color: #000000;
- text-decoration: none;
- font-size: 8px;
- }
- ul a:hover {
- opacity: 0.5;
- -moz-transition:0.4s ease-in;
- -webkit-transition:0.4s ease-in;
- -o-transition:0.4s ease-in;
- transition: 0.4s ease-in;
- padding-left: 8px;
- }
- /*CONTENT---------------------------------------------------------------*/
- #content {
- position: fixed;
- width: 500px;
- height: auto;
- background-color: #f8f8f8;
- margin: 200px 0px 50px 400px;
- padding: 10px;
- overflow: auto;
- }
- #navigation {
- position: absolute;
- margin-left: 650px;
- margin-top: 180px;
- z-index: 999999;
- }
- .navi {
- padding: 5px 10px 10px;
- }
- .navi a {
- display: inline-block;
- margin: 5px 8px 0px 0px;
- text-transform: lowercase;
- font-size: 8px;
- word-break: break-all;
- text-decoration: none;
- color: #000000;
- }
- .nav a {
- margin-left: 15px;
- color:#000;
- }
- .nav a:hover {
- opacity: 0.5;
- -moz-transition:0.4s ease-in;
- -webkit-transition:0.4s ease-in;
- -o-transition:0.4s ease-in;
- transition: 0.4s ease-in;
- }
- .nav {
- text-align: right;
- padding: 0px 20px 20px;
- font-family: verdana;
- font-size: 8px;
- text-transform: uppercase;
- }
- /*--------------------------------------------------------------------*/
- p {
- width: 460px;
- text-align: justify;
- text-transform: lowercase;
- font-weight: lighter;
- font-size: 10px;
- margin-left: 20px;
- }
- p a {
- text-decoration: none;
- color: #444444;
- }
- p a:hover {
- opacity: 0.5;
- }
- h2 {
- text-align: left;
- text-transform: uppercase;
- font-weight: bold;
- font-size: 8px;
- }
- /*TABLE-------------------------------------------------------------------*/
- table {
- width: 500px;
- border-spacing: 5px;
- }
- td {
- text-align: left;
- width: 130px;
- padding: 5px 5px 10px 15px;
- border: 3px double #f8f8f8;
- background-color: #ffffff;
- }
- td a {
- color: #000000;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 7px;
- }
- td a:hover {
- opacity:0.5;
- padding-left:10px;
- }
- td:hover {
- border: 3px solid #ffffff;
- }
- /*ICONS-------------------------------------------------------------------*/
- #box1 {
- height:35px;
- width:35px;
- float:left;
- margin:-1px -1px 0px 0px;
- padding:10px 15px 15px 10px;
- border: 1px solid #f6f6f6;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- }
- #box1:hover img{
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- #box1 img {
- width:100%;
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- filter: grayscale(100%);
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- }
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- </head>
- <body>
- <div id="navigation">
- <div class="nav">
- <a href="/">Home</a>
- <a href="/profile">Profile</a>
- <a href="/tags">Tags</a>
- <a><b>Blogroll</b></a>
- </div>
- </div>
- <div id="content">
- {block:Following}{block:Followed}
- <a href="{FollowedURL}" title="{FollowedName}"><div id="box1">
- <img src="{FollowedPortraitURL-40}"></div></a>
- {/block:Following}{/block:Followed}
- </div>
- </div>
- <div class="c"><a href="http://minatoos.tumblr.com">M</a></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement