Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Navigation number: #008/DIAMOND
- Creator: @thevioletmaniac
- Created: October 18, 2015
- Last update: October 24, 2015
- Website: [http://thevioletmaniac.narod.ru/] or [http://tvm-resources.deviantart.com/]
- Rules: Credit me if you use it/Don't share or modify.
- -->
- <html>
- <head>
- <title>THEVIOLETMANIAC/NAVIGATION/#008</title>
- <META http-equiv="Content-type" content="text/html; charset=windows-1251">
- <style>
- body{
- padding: 0;
- margin: 0;
- background: #ebebeb;
- }
- .tvm-navigation{
- width: 448px;
- background: non;
- margin: 0 auto;
- }
- .tvm-copyright{
- width:100%;
- height:30px;
- line-height: 30px;
- margin-left:0px;
- margin-top:0px;
- float: left;
- position:absolute;
- background: linear-gradient(to bottom, #f9f8f8, #fafafa);
- }
- .tvm-copyright a,.tvm-copyright a:visited,.tvm-copyright a:active,.tvm-copyright a:link{
- text-decoration: none;
- color: #000;
- display: block;
- text-transform: uppercase;
- font-size: 10px;
- font-family:arial;
- transition: 0.5s;
- padding-left: 25px;
- width: 180px;
- background: #fff;
- transition: 0.5s;
- }
- .tvm-copyright a:hover{
- text-decoration: none;
- color: #373737;
- background: #f1f1f1;
- transition: 0.5s;
- }
- .tvm-diamond-navigation{
- width: 110px;
- height: 110px;
- background: none;
- line-height: 120px;
- text-align: center;
- text-decoration: none;
- padding-top: 1px;
- margin: 1px;
- display: block;
- float: left;
- }
- .tvm-diamond-link{
- width: 80px;
- height: 80px;
- background: linear-gradient(to bottom, #cca2f4, #8a41dd);
- box-shadow:
- inset 0px 0px 30px #7a31d4,
- 0px 0px 10px #dcd6e4;
- border: 0px solid #8545d0;
- line-height: 80px;
- text-align: center;
- text-decoration: none;
- -webkit-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 15px;
- transition: 0.5s;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- .tvm-diamond-transform{
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- .tvm-diamond-navigation a,.tvm-diamond-navigation a:visited,.tvm-diamond-navigation a:active,.tvm-diamond-navigation a:link{
- text-decoration: none;
- color: #efecec;
- display: block;
- text-shadow: 1px 0px 2px #7002e0;
- text-transform: uppercase;
- font-size: 10px;
- font-family: arial;
- transition: 0.5s;
- }
- .tvm-diamond-link:hover {
- background: linear-gradient(to bototm, #cca2f4, #8a41dd);
- box-shadow:
- inset 0px 0px 30px #4f217f,
- 0px 0px 10px #dcd6e4;
- transition: 0.5s;
- }
- .clear{
- clear: both;
- }
- </style>
- </head>
- <body>
- <div class="tvm-copyright">
- <a href="http://thevioletmaniac.narod.ru/" target="main">coded by thevioletmaniac</a>
- </div>
- <table width="100%" height="100%" cellpadding="0" cellspacing="0">
- <tr>
- <td align="center" valign="middle">
- <div class="tvm-navigation">
- <div class="tvm-diamond-navigation">
- <div class="tvm-diamond-link">
- <div class="tvm-diamond-transform">
- <a href="http://thevioletmaniac.narod.ru/" target="main">link #1</a>
- </div>
- </div>
- </div>
- <div class="tvm-diamond-navigation">
- <div class="tvm-diamond-link">
- <div class="tvm-diamond-transform">
- <a href="http://thevioletmaniac.narod.ru/" target="main">link #2</a>
- </div>
- </div>
- </div>
- <div class="tvm-diamond-navigation">
- <div class="tvm-diamond-link">
- <div class="tvm-diamond-transform">
- <a href="http://thevioletmaniac.narod.ru/" target="main">link #3</a>
- </div>
- </div>
- </div>
- <div class="tvm-diamond-navigation">
- <div class="tvm-diamond-link">
- <div class="tvm-diamond-transform">
- <a href="http://thevioletmaniac.narod.ru/" target="main">link #4</a>
- </div>
- </div>
- </div>
- <div class="clear"></div>
- </div>
- </td>
- </tr>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement