Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!—NAVIGATION THEME BY STYLESSEXT do not copy codes, or remove credit -->
- <style type="text/css">
- body {
- font-family:calibri;
- font-size:10px;
- overflow-x:hidden;
- }
- a {
- text-decoration:none;
- color:#d5d5d5;
- }
- #box {
- width:170px;
- position:fixed
- background:#ffffff;
- border:1px solid #f5f5f5;
- padding:20px;
- text-align:center;
- display:inline-block;
- margin-left:10px;
- margin-right:10px;
- }
- .title {
- background:#d8d8d8;
- text-align:center;
- text-transform:uppercase;
- font-family:calibri;
- color:#ffffff;
- font-size:15px;
- padding:5px;
- margin-bottom:5px;
- }
- .links {
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- hover .links {
- opacity:0.8;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .links {
- z-index:2222;
- width:170px;
- font-family:calibri;
- font-size:8px;
- text-align:center;
- letter-spacing:1px;
- margin-top:2px;
- margin-left:0px;
- margin-bottom:2px;
- position:relative;
- opacity:1;
- -webkit-transition: all 1s ease;
- }
- .links a{
- opacity:.7;
- display:block;
- text-transform: uppercase;
- margin-bottom:4px;
- font-style:normal;
- padding:5px;
- background:#ffffff;
- color:#575656;
- -webkit-transition: all 0.7s;
- -moz-transition: all 0.7s;
- transition: all 0.7s;
- }
- .links a:hover{
- letter-spacing:6px;
- opacity:.8;
- background-color:#666565;
- color:#ffffff;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #top { width:100%; text-align:center; margin-top:50px; font-family:'calibri'; font-size: 26px; font-color:#666565 }
- #navi {
- margin-top:0px;
- }
- #navi a {
- width:50px;
- background:#9b9b9b;
- color:#fff;
- font-size:9px;
- display:inline-block;
- padding:3px;
- letter-spacing:1px;
- text-transform:uppercase;
- margin-left:3px;
- margin-right:3px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #navi a:hover {
- background:#fff;
- color:#ddd;
- }
- </style>
- <style type="text/css">
- </style>
- <br><br><br>
- <div id="top"><font color="grey">TAGS LIST</font></div>
- <div id="navi"><center><a href="/">home </a><a href="http://tumblr.com">dash</a></div>
- <br><br><center>
- <div id="box">
- <div class="title">TITLE</a></div>
- <div class="links">
- <a href="/ ">Link 1</a>
- <a href="/"> Link 2</a>
- <a href="/"> Link 3</a>
- <a href="/ "> Link 4</a>
- <a href="/"> Link 5</a>
- <a href="/ "> Link 6</a>
- <a href="/ "> Link 7</a>
- <a href="/ "> Link 8</a>
- <a href="/ "> Link 9</a>
- <a href="/ "> Link 10</a>
- </div>
- </div>
- <div id="box">
- <div class="title">TITLE</a></div>
- <div class="links">
- <a href="/ ">Link 1</a>
- <a href="/"> Link 2</a>
- <a href="/"> Link 3</a>
- <a href="/ "> Link 4</a>
- <a href="/"> Link 5</a>
- <a href="/ "> Link 6</a>
- <a href="/ "> Link 7</a>
- <a href="/ "> Link 8</a>
- <a href="/ "> Link 9</a>
- <a href="/ "> Link 10</a>
- </div>
- </div>
- <div id="box">
- <div class="title">TITLE</a></div>
- <div class="links">
- <a href="/ ">Link 1</a>
- <a href="/"> Link 2</a>
- <a href="/"> Link 3</a>
- <a href="/ "> Link 4</a>
- <a href="/"> Link 5</a>
- <a href="/ "> Link 6</a>
- <a href="/ "> Link 7</a>
- <a href="/ "> Link 8</a>
- <a href="/ "> Link 9</a>
- <a href="/ "> Link 10</a>
- </div>
- </div>
- <br><br><br>
- <div id="box">
- <div class="title">TITLE</a></div>
- <div class="links">
- <a href="/ ">Link 1</a>
- <a href="/"> Link 2</a>
- <a href="/"> Link 3</a>
- <a href="/ "> Link 4</a>
- <a href="/"> Link 5</a>
- <a href="/ "> Link 6</a>
- <a href="/ "> Link 7</a>
- <a href="/ "> Link 8</a>
- <a href="/ "> Link 9</a>
- <a href="/ "> Link 10</a>
- </div>
- </div>
- <div id="box">
- <div class="title">TITLE</a></div>
- <div class="links">
- <a href="/ ">Link 1</a>
- <a href="/"> Link 2</a>
- <a href="/"> Link 3</a>
- <a href="/ "> Link 4</a>
- <a href="/"> Link 5</a>
- <a href="/ "> Link 6</a>
- <a href="/ "> Link 7</a>
- <a href="/ "> Link 8</a>
- <a href="/ "> Link 9</a>
- <a href="/ "> Link 10</a>
- </div>
- </div>
- <div id="box">
- <div class="title">TITLE</a></div>
- <div class="links">
- <a href="/ ">Link 1</a>
- <a href="/"> Link 2</a>
- <a href="/"> Link 3</a>
- <a href="/ "> Link 4</a>
- <a href="/"> Link 5</a>
- <a href="/ "> Link 6</a>
- <a href="/ "> Link 7</a>
- <a href="/ "> Link 8</a>
- <a href="/ "> Link 9</a>
- <a href="/ "> Link 10</a>
- </div>
- </div>
- <br><br><br><br><br><br><br><br><br>
- <div style="bottom:10px; right:10px; position:fixed; background:#fff; padding:3px; border:1px solid #eee; font-size:9px; color:#d5d5d5; letter-spacing:1px"><a href="http://stylessext.tumblr.com">CREDIT</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement