colors styles conventions

This commit is contained in:
Ulf Gebhardt 2015-09-17 01:32:09 +02:00
parent 4c9797802d
commit dcdbbf562c
5 changed files with 192 additions and 6 deletions

View File

@ -7,7 +7,55 @@ html, body {
width: 100%;
margin: 0;
padding: 0;
color: #7A7A7A;
}
/*.btn-success {
color: #ffffff;
background-color: #333333;
border-color: #130269;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #49247A;
border-color: #130269;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #333333;
border-color: #130269;
}
.btn-success .badge {
color: #333333;
background-color: #ffffff;
}*/
#home_content {
margin-top: 50px;
}
@ -29,3 +77,141 @@ table.mojotrollz_table tr:nth-child(odd) {
table.mojotrollz_table tr:hover {
background-color: #1f1f1f;
}
/*.btn-success {
color: #ffffff;
background-color: #333333;
border-color: #111;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #4CAE4C;
border-color: #111;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #333333;
border-color: #111;
}
.btn-success .badge {
color: #333333;
background-color: #ffffff;
}
.btn-primary {
color: #ffffff;
background-color: #333333;
border-color: #111111;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #337AB7;
border-color: #111111;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #333333;
border-color: #111111;
}
.btn-primary .badge {
color: #333333;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #333333;
border-color: #111111;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #111111;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #333333;
border-color: #111111;
}
.btn-warning .badge {
color: #333333;
background-color: #ffffff;
}*/

View File

@ -41,7 +41,7 @@
</nav>
<div class="row-fluid row_centered clearfix" id="mojotrollz_client_row" style="padding-bottom: 10px; background-image: url(./api.php?call=files&cat=content&id=main_holder_middle.png); background-size: contain; background-repeat: repeat-y;">
<div class="col-md-12 row_centered mojotrollz_client" style="padding-left: 29px; padding-right: 29px;">
<h1 id="mojotrollz_title" class="fadeInDown animated lead" style="width: 100%; z-index: 2; color: crimson; font-size: 90px; text-align: center; top: 15px; position: absolute; visibility: visible; animation-delay: 0.9s; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;">MOJOTROLLZ.EU</h1>
<h1 id="mojotrollz_title" class="fadeInDown animated lead" style="width: 100%; z-index: 2;color: #B7B7B7; font-size: 90px; text-align: center; top: 15px; position: absolute; visibility: visible; animation-delay: 0.9s; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;">MOJOTROLLZ.EU</h1>
<div class="flexslider">
<ul class="slides">
<li><img alt="slider_image_01.jpg" src="./api.php?call=files&cat=content&id=slider_image_01.jpg" width="100%"></li>

View File

@ -26,11 +26,11 @@ class default_serverlist extends \SYSTEM\PAGE\Page {
private static function version_icon($version){
switch($version){
case 0:
return '1.12.1';
case 1:
return '2.4.3';
return '1.12.1';
case 2:
return '2.4.3';
case 3:
return '3.3.5a';
default:
return '';

View File

@ -1,4 +1,4 @@
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${link}'">
<img style="" data-pyroimage="true" src="./api.php?call=files&cat=content&id=wow_${version}.png" alt="WoW" height="16" width="16">
<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
&nbsp;&nbsp;Download ${version}
</button>

View File

@ -39,7 +39,7 @@
</div>
<h3 style="padding-top: 95px; text-align: center;">
Players online: <b>${ts_players}</b><br><br>
<button type="submit" class="btn-sm btn btn-success" onClick="location.href='ts3server://mojotrollz.eu'">
<button type="submit" class="btn-lg btn btn-success" onClick="location.href='ts3server://mojotrollz.eu'">
<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
&nbsp;&nbsp;Connect
</button>