Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-------------------------------------------------
- TAGS PAGE #01 || MADE BY: http://snootydormouse.tumblr.com (KITSTHEMES)
- ---------------------------------------------------
- TERMS OF USAGE:
- - DO NOT REMOVE THE CREDIT
- - DO NOT REDISTRIBUTE
- - DO NOT CLAIM AS YOUR OWN
- - DO NOT USE AS A BASE
- --------------------------------------------->
- <title>Tags Page</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <style type="text/css">
- body{
- font-family: trebuchet ms;
- margin:0px;
- padding:0px;
- font-size: 12px;
- line-height: 110%;
- background-color: #fff;
- color: #e3e3e3;
- overflow-x: hidden;
- }
- body, html {
- height: 100%;
- }
- a {
- text-decoration: none;
- text-align:center;
- text-transform:uppercase;
- font-size:10px;
- color:#ccc;
- }
- @font-face {font-family: blackjack; src:url("http://digilander.libero.it/kitamikeita/Fonts/black_jack-webfont.ttf")}
- .container {
- margin:10px auto 0 auto;
- width: 900px;
- height: 700px;
- background-color: transparent;
- }
- .lines {
- height: 100%;
- width: 6px;
- margin-top: 0px;
- background-color: transparent;
- float: left
- }
- .line1 {
- margin-left: 0;
- width: 6px;
- height: 25%;
- float: left;
- background-color: #c0addb;
- display:block
- }
- .line2 {
- width: 6px;
- height: 25%;
- float: left;
- background-color: #ff8456;
- display:block
- }
- .line3 {
- width: 6px;
- height: 25%;
- float: left;
- background-color: #d6ec5a;
- display:block
- }
- .line4 {
- width: 6px;
- height: 25%;
- float: left;
- background-color: #6cdfea;
- display:block
- }
- .header {
- margin: 0 auto 0 auto;
- width: 500px;
- height: 35px;
- background-color: transparent;
- }
- .hleft {
- padding: 2px 0 2px 0;
- width: 120px;
- height: 11px;
- font-family: trebuchet ms;
- color: #d9d9d9;
- text-align: center;
- vertical-align: middle;
- font-size: 9px;
- border-top: 1px solid #e8e8e8;
- border-bottom: 1px solid #e8e8e8;
- letter-spacing: 4px;
- text-transform: uppercase;
- margin-top: 37px;
- margin-left: 120px;
- float: left;
- }
- .hright a {
- padding: 2px 0 2px 0;
- width: 100px;
- height: 11px;
- font-family: trebuchet ms;
- color: #d9d9d9;
- text-align: center;
- vertical-align: middle;
- font-size: 9px;
- border-top: 1px solid #e8e8e8;
- border-bottom: 1px solid #e8e8e8;
- letter-spacing: 4px;
- text-transform: uppercase;
- margin-top: 38px;
- margin-left: 4px;
- float: left;
- }
- .headerimg {
- height: 30px;
- width: 30px;
- outline: solid 1px #e8e8e8;
- outline-offset: 3px;
- margin-left: 4px;
- margin-top: 30px;
- float: left
- }
- .block01 {
- margin-left: 80px;
- margin-top: 100px;
- width: 185px;
- position: absolute;
- float:left;
- }
- .block01 a {
- width: 170px;
- display: block;
- margin: 0;
- border-bottom: 1px solid #f2f2f2;
- padding: 5px;
- background-color: #fafafa;
- text-align: center;
- vertical-align: middle;
- overflow: hidden;
- font-size: 10px;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block01 a:hover {
- color: #f8f8f8;
- display: block;
- background-color: #c0addb;
- border-bottom: solid 2px #ac9bc4;
- letter-spacing: 4px;
- font-size: 12px;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block01title {
- font-family: blackjack;
- width: 130px;
- font-size: 28px;
- border-bottom: 2px dashed #8c8299;
- padding-bottom: 4px;
- color: #ac9bc4;
- background-color: transparent;
- text-align: center;
- position: absolute;
- margin-left: 102px;
- margin-top: 73px;
- transform:rotate(1deg);
- -ms-transform:rotate(1deg);
- -webkit-transform:rotate(1deg);
- }
- .block01bottom {
- margin-left: 16px;
- margin-top: 4px;
- width: 150px;
- background: transparent;
- border-bottom: 2px dashed #8c8299;
- }
- .block02 {
- margin-left: 270px;
- margin-top: 124px;
- width: 185px;
- position: absolute;
- float:left;
- }
- .block02 a {
- width: 170px;
- display: block;
- margin: 0;
- border-bottom: 1px solid #f2f2f2;
- padding: 5px;
- background-color: #fafafa;
- text-align: center;
- vertical-align: middle;
- overflow: hidden;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block02 a:hover {
- color: #f8f8f8;
- display: block;
- background-color: #ff8456;
- border-bottom: solid 2px #e5764d;
- letter-spacing: 4px;
- font-size: 12px;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block02title {
- font-family: blackjack;
- width: 130px;
- font-size: 28px;
- border-bottom: 2px dashed #b26c52;
- padding-bottom: 4px;
- color: #e5764d;
- background-color: transparent;
- text-align: center;
- position: absolute;
- margin-left: 292px;
- margin-top: 96px;
- transform:rotate(1deg);
- -ms-transform:rotate(1deg);
- -webkit-transform:rotate(1deg);
- }
- .block02bottom {
- margin-left: 16px;
- margin-top: 4px;
- width: 150px;
- background: transparent;
- border-bottom: 2px dashed #b26c52;
- }
- .block03 {
- margin-left: 460px;
- margin-top: 100px;
- width: 185px;
- position: absolute;
- float:left;
- }
- .block03 a {
- width: 170px;
- display: block;
- margin: 0;
- border-bottom: 1px solid #f2f2f2;
- padding: 5px;
- background-color: #fafafa;
- text-align: center;
- vertical-align: middle;
- overflow: hidden;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block03 a:hover {
- color: #f8f8f8;
- display: block;
- background-color: #d6ec5a;
- border-bottom: solid 2px #c0d350;
- letter-spacing: 4px;
- font-size: 12px;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block03title {
- font-family: blackjack;
- width: 130px;
- font-size: 28px;
- border-bottom: 2px dashed #a5b259;
- padding-bottom: 4px;
- color: #c0d350;
- background-color: transparent;
- text-align: center;
- position: absolute;
- margin-left: 482px;
- margin-top: 73px;
- transform:rotate(1deg);
- -ms-transform:rotate(1deg);
- -webkit-transform:rotate(1deg);
- }
- .block03bottom {
- margin-left: 16px;
- margin-top: 4px;
- width: 150px;
- background: transparent;
- border-bottom: 2px dashed #a5b259;
- }
- .block04 {
- margin-left: 650px;
- margin-top: 124px;
- width: 185px;
- position: absolute;
- float:left;
- }
- .block04 a {
- width: 170px;
- display: block;
- margin: 0;
- border-bottom: 1px solid #f2f2f2;
- padding: 5px;
- background-color: #fafafa;
- text-align: center;
- vertical-align: middle;
- overflow: hidden;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block04 a:hover {
- color: #f8f8f8;
- display: block;
- background-color: #6cdfea;
- border-bottom: solid 2px #60c8d2;
- letter-spacing: 4px;
- font-size: 12px;
- transition: .4s;
- -o-transition-transition: .4s;
- -webkit-transition-duration: .4s;
- -moz-transition-duration: .4s;
- }
- .block04title {
- font-family: blackjack;
- width: 130px;
- font-size: 28px;
- border-bottom: 2px dashed #549399;
- padding-bottom: 4px;
- color: #60c8d2;
- background-color: transparent;
- text-align: center;
- position: absolute;
- margin-left: 672px;
- margin-top: 96px;
- transform:rotate(1deg);
- -ms-transform:rotate(1deg);
- -webkit-transform:rotate(1deg);
- }
- .block04bottom {
- margin-left: 16px;
- margin-top: 4px;
- width: 150px;
- background: transparent;
- border-bottom: 2px dashed #549399;
- }
- .credits a {
- color: #aaa;
- font-family: arial;
- font-size: 13px;
- position:fixed;
- bottom:5px;
- right: 5px;
- }
- ::-webkit-scrollbar {
- width:5px;
- height:auto;
- background: #e3e3e3;
- }
- ::-webkit-scrollbar-corner {
- background: #e3e3e3;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background: #f0f0f0;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background: #f0f0f0;
- }
- </style>
- </head>
- <body>
- <div class="lines">
- <div class="line1"></div>
- <div class="line2"></div>
- <div class="line3"></div>
- <div class="line4"></div>
- </div>
- <div class="header"><div class="hleft"><b>t</b>ags <b>p</b>age</div>
- <div class="headerimg"><a href="/"><img src="{PortraitURL-30}"></img></a></div>
- <div class="hright"><a href="/">home</a></div></div>
- <div class="container">
- <br><br><br><br><br><br><br><br>
- <div class="block01title">title 01</div>
- <div class="block01">
- <div class="tags01">
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- </div>
- <div class="block01bottom"></div>
- </div>
- <div class="block02title">title 02</div>
- <div class="block02">
- <div class="tags02">
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- </div>
- <div class="block02bottom"></div>
- </div>
- <div class="block03title">title 03</div>
- <div class="block03">
- <div class="tags03">
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- </div>
- <div class="block03bottom"></div>
- </div>
- <div class="block04title">title 04</div>
- <div class="block04">
- <div class="tags04">
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- <a href="URL LINK">LINK NAME</a>
- </div>
- <div class="block04bottom"></div>
- </div>
- </div>
- <div class="credits"><a href="http://snootydormouse.tumblr.com">©</a></div>
- </body>
- </html>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement