h1 { margin: 0; } h2, h3 { margin: 5px 0; } a { color: #0be; font-weight: bold; text-decoration: none; } a:hover { color: #0df; text-decoration: underline; } /* Containers */ .box { border-radius: 5px; margin: 15px 0; padding: 0; } .box h3 { margin: 0; padding: 1em 0.5em 0.5em 15px; border-bottom: 1px solid #444; } .box p, .box table { margin: 1em; } .box_grey { background: #333; border: 1px solid #444; } .ul_boxes { display: block; margin: 0; padding: 0; list-style: none; } .ul_boxes > li { padding: 0; list-style: none; } .box_link { display: block; color: #ddd; text-decoration: none; } .box_link:hover{ background: #3a3a3a; } /* buttonset */ .buttonset, .buttonset li { display: block; margin: 0; padding: 0; list-style: none; } .buttonset { margin: 15px 0; } .button, .buttonset li a { text-align: center; display: inline-block; padding: 0.5em 0.7em; background: #333; border: 1px solid #444; color: #ddd; border-radius: 5px; text-decoration: none; } .button:hover, .buttonset li a:hover { background: #444; border: 1px solid #555; text-decoration: none; } .btn_green { background: #363 !important; border: 1px solid #473; } .btn_green:hover { background: #474 !important; } .linedbuttonset a { border: 1px solid #eee; border-radius: 3px; padding: 4px 10px; margin: 0; display: block; } .linedbuttonset { display: block; margin: 0; } .linedbuttonset li { display: inline-block; margin: 10px 10px 0 0; } /* Alerts */ #alerts { list-style: none; position: fixed; bottom: 15px; left: 0; right: 0; } #alerts .alert { margin: 5px 0; vertical-align: middle; } #alerts .close { float: right; color: white; } #alerts .close:hover { color: #fff; } .alert-error { background: #933; border: 1px solid #c44; } .alert-warning { background: #963; border: 1px solid #c96; } .alert-success { background: #161; border: 1px solid #393; } table.fancyTable { font-family: "Arial Black", Gadget, sans-serif; border: 2px solid #000000; background-color: #4A4A4A; width: 100%; text-align: center; border-collapse: collapse; } table.fancyTable td, table.fancyTable th { border: 1px solid #4A4A4A; padding: 3px 2px; } table.fancyTable tbody td { font-size: 13px; color: #E6E6E6; } table.fancyTable tr:nth-child(even) { background: #888888; } table.fancyTable thead { background: #000000; border-bottom: 3px solid #000000; } table.fancyTable thead th { font-size: 15px; font-weight: bold; color: #E6E6E6; text-align: center; border-left: 2px solid #4A4A4A; } table.fancyTable thead th:first-child { border-left: none; } table.fancyTable tfoot { font-size: 12px; font-weight: bold; color: #E6E6E6; background: #000000; background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%); background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%); background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%); border-top: 1px solid #4A4A4A; } table.fancyTable tfoot td { font-size: 12px; } .userlist li.NOT_JOINED { color: #aaa; } .NOT_JOINED a, a.NOT_JOINED { color: #7ac; } .ADMIN a, a.ADMIN{ color: #e30; } .MODERATOR a, a.MODERATOR { color: #e90; } .EDITOR a, a.EDITOR { color: #b6f; } /* Aside */ .asideright { float: right; margin: 0 0 0 15px; max-width: 300px; } .outsidecontainer { position: absolute; right: 102%; top: 0; width: intrinsic; /* Safari/WebKit uses a non-standard name */ width: -moz-max-content; /* Firefox/Gecko */ width: -webkit-max-content; /* Chrome */ } @media (max-width: 1490px) { .outsidecontainer { display: none; } } .flatlist, .flatlist li { list-style: none; padding: 0; margin: 0; } .flatlist li { display: block; } .flatlist a { display: block; padding: 0.5em 20px; color: #ddd; font-weight: normal; } .flatlist a:hover { background: #444; text-decoration: none; }