* { box-sizing: border-box; } /* Style the body */ body { font-family: Arial, Helvetica, sans-serif; margin: 0; } /* Header/logo Title */ .header { padding: 40px; text-align: center; background: #1abc9c; color: white; } /* Increase the font size of the heading */ .header h1 { font-size: 40px; } /* Navbar container */ .navbar { overflow: hidden; background-color: #333; font-family: Arial; } /* Links inside the navbar */ .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } /* The dropdown container */ .dropdown { float: left; overflow: hidden; } /* Dropdown button */ .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font: inherit; /* Important for vertical align on mobile phones */ margin: 0; /* Important for vertical align on mobile phones */ } /* Add a red background color to navbar links on hover */ .navbar a:hover, .dropdown:hover .dropbtn { background-color: red; } /* Dropdown content (hidden by default) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width: 100%; left: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Mega Menu header, if needed */ .dropdown-content .header { background: red; padding: 16px; color: white; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; padding: 10px; background-color: #ccc; height: 250px; } /* Style links inside the columns */ .column a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } /* Add a background color on hover */ .column a:hover { background-color: #ddd; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Column container */ .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; } /* Create two unequal columns that sits next to each other */ /* Sidebar/left column */ .side { -ms-flex: 20%; /* IE10 */ flex: 20%; background-color: #f1f1f1; padding: 20px; } /* Main column */ .main { -ms-flex: 80%; /* IE10 */ flex: 80%; background-color: white; padding: 20px; } /* Fake image, just for this example */ .fakeimg { background-color: #aaa; width: 100%; padding: 20px; } /* Footer */ .footer { padding: 20px; text-align: center; background: #ddd; } /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 700px) { .row { flex-direction: column; } } /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */ @media screen and (max-width: 400px) { .navbar a { float: none; width: 100%; } } /*****************************************************/ /****General****/ * { margin:0px; padding:0px; } body { background:#e2f6ff url('images/background.gif') center top no-repeat; padding-left:10%; padding-right:10%; font-family:Arial, Geneva, sans-serif; } a { text-decoration:none; color:#333333; } a:hover { color:#000000; } img, table, tr, td { border:0px; } h1 { text-align:center; margin:0px; padding:0px; } .clean { clear:both; } .left { text-align:left; } .center { text-align:center; } input[type=text], input[type=submit], input[type=button], input[type=password] { width:150px; } label { width:200px; display:inline-block; vertical-align:top; text-align:left; } .message_buttons input { width:auto; padding:0px 5px; } .button { padding:5px 15px; vertical-align:middle; border:1px solid #aaaaaa; font-weight:bold; background:url('images/button.png') repeat-x; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; } table { border-spacing:0px; background:#ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:0px; width:95%; margin:5px auto 5px auto; } tr { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0px; } td, th { margin:0px; border:0px; padding:3px; text-align:center; } /*****************************************************/ /****Blocks****/ .header { margin:auto; margin-top:10px; padding:15px; background:url('images/bluec_30p.png'); width:60%; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align:center; } .foot { text-align:center; background:url('images/bluec_30p.png'); width:60%; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:10px; margin:20px auto; } .content { background:url('images/bluec_30p.png'); width:85%; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin:auto; padding:20px; margin-top:20px; } .box_left { float:left; } .box_right { float:right; } .box { background:url('images/bluec_30p.png'); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:auto; padding:5px; margin-bottom:15px; } .login { width:355px; margin:auto; text-align:left; } .box_login { background:url('images/black_40p.png'); width:360px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:auto; padding:20px; margin-top:20px; color:#ffffff; } /*****************************************************/ /****Content****/ .big { font-size:1.2em; } .small { font-size:0.7em; } .message { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; padding:20px; margin:auto; width:500px; background:url('images/black_40p.png'); color:#ffffff; text-align:center; font-weight:bold; margin-top:20px; } .messages_table td { border-top:1px solid #cccccc; vertical-align:top; } .author { width:150px; border-right:1px solid #cccccc; } .title_cell { width:45%; } .date { font-style:italic; text-align:right; font-size:0.9em; margin-right:10px; } .edit { float:left; } .forum_ntop, .forum_nrep, .forum_act, .forum_auth { width:100px; } td.forum_cat, td.forum_tops { padding-left:15px; text-align:left; } .categories_table td, .categories_table th, .topics_table td, .topics_table th, .list_pm td, .list_pm th { border-bottom:1px solid #cccccc; } .categories_table tr:last-child td, .topics_table tr:last-child td, .list_pm tr:last-child td { border-bottom:0px; } td.forum_cat .title { font-weight:bold; } td.forum_cat .description { padding-left:5px; }

My Website

A website created by me.

Forum
Category Topics Replies