Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!------
- TAGLIST THEME #3 - Sourwollf
- #1: Don't remove the credit.
- #2: DOn't distribute and claim it as your own.
- #3: Have fun with it!
- ----->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href"{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Squada+One' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- body {
- margin: 0;
- padding: 0;
- background-image:url('http://25.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_250.jpg');
- }
- a {
- text-decoration: none;
- color: #f28cd1;
- }
- /* NAVIGATION */
- #navigation {
- position: fixed;
- width: 100%;
- height: 80px;
- background-color: #fefefe;
- box-shadow: 2px 3px 8px 3px #dddddd;
- }
- #navigation .logo {
- float: left;
- font-family: 'Squada One';
- margin-top: 22px;
- margin-left: 120px;
- font-size: 35px;
- color: #f28cd1;
- }
- #navigation .navlink {
- font-family: arial, calibri, trebuchet ms;
- font-size: 14px;
- color: #f28cd1;
- }
- .navlink ul {
- list-style: none;
- float: right;
- margin-right: 50px;
- }
- .navlink ul li {
- display: inline-block;
- margin-left: 10px;
- margin-top: 15px;
- }
- .navlink ul li a {
- padding: 10px 30px 10px 30px;
- background-color: #f28cd1;
- color: #ffffff;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .navlink ul li a:hover {
- background-color: #333333;
- }
- /* CONTENT */
- #container {
- display: inline-block;
- width: 100%;
- height: auto;
- margin-bottom: 50px;
- margin-top: 50px;
- }
- .tagtitle {
- display: inline-block;
- margin-left: 270px;
- font-family: 'Squada One';
- font-size: 18px;
- padding: 10px 30px 10px 30px;
- margin-top: 70px;
- background-color: #dedede;
- color: #f28cd1;
- width: 80px;
- height: auto;
- text-align: center;
- text-transform: uppercase;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- }
- .content {
- width: 750px;
- height: auto;
- background-color: #f2f2f2;
- margin-left: 270px;
- padding: 10px;
- border-top-right-radius: 20px;
- border-bottom-left-radius: 20px;
- border-bottom-right-radius: 20px;
- }
- .content table {
- width: 750px;
- height: auto;
- text-align: center;
- }
- .content table td {
- font-family: arial, calibri;
- font-size: 11px;
- color: #ffffff;
- padding: 5px 7px 5px 7px;
- }
- .content a {
- display: inline-block;
- background-color: #f28cd1;
- color: #ffffff;
- text-transform: uppercase;
- letter-spacing: 1px;
- width: 230px;
- height: 23px;
- padding-top: 10px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .content a:hover {
- background-color: #ffffff;
- color: #f28cd1;
- }
- </style>
- <body>
- <div id="navigation">
- <div class="logo">TAGLIST THEME 3</div>
- <div class="navlink">
- <ul>
- <li><a href="/">Home</a></li>
- <li><a href="/ask">Message</a></li>
- <li><a href="http://sourwollf.tumblr.com">Credit</a></li>
- </ul>
- </div>
- </div>
- <div id="container">
- <!----- TABLE 1 ----->
- <div class="tagtitle">Section 1</div>
- <div class="content">
- <table>
- <tbody>
- <tr>
- <td><a href="#">Tag Link 1</a></td>
- <td><a href="#">Tag Link 2</a></td>
- <td><a href="#">Tag Link 3</a></td>
- </tr>
- <tr>
- <td><a href="#">Tag Link 4</a></td>
- <td><a href="#">Tag Link 5</a></td>
- <td><a href="#">Tag Link 6</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- <!----- TABLE 2 ----->
- <div class="tagtitle">Section 2</div>
- <div class="content">
- <table>
- <tbody>
- <tr>
- <td><a href="#">Tag Link 1</a></td>
- <td><a href="#">Tag Link 2</a></td>
- <td><a href="#">Tag Link 3</a></td>
- </tr>
- <tr>
- <td><a href="#">Tag Link 4</a></td>
- <td><a href="#">Tag Link 5</a></td>
- <td><a href="#">Tag Link 6</a></td>
- </tr>
- <tr>
- <td><a href="#">Tag Link 7</a></td>
- <td><a href="#">Tag Link 8</a></td>
- <td><a href="#">Tag Link 9</a></td>
- </tr>
- <tr>
- <td><a href="#">Tag Link 10</a></td>
- <td><a href="#">Tag Link 11</a></td>
- <td><a href="#">Tag Link 12</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- <!----- TABLE 3 ----->
- <div class="tagtitle">Section 3</div>
- <div class="content">
- <table>
- <tbody>
- <tr>
- <td><a href="#">Tag Link 1</a></td>
- <td><a href="#">Tag Link 2</a></td>
- <td><a href="#">Tag Link 3</a></td>
- </tr>
- <tr>
- <td><a href="#">Tag Link 4</a></td>
- <td><a href="#">Tag Link 5</a></td>
- <td><a href="#">Tag Link 6</a></td>
- </tr>
- <tr>
- <td><a href="#">Tag Link 7</a></td>
- <td><a href="#">Tag Link 8</a></td>
- <td><a href="#">Tag Link 9</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement