mojotrollz/mojotrollz.eu
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: buttons, tables, forms

Browse Source
This commit is contained in:
Ulf Gebhardt 2015-09-17 21:26:15 +02:00
parent b7065de95a
commit be7e365355
5 changed files with 59 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

157
mojotrollz/page/default_page/css/default_page.css
View File

@ -10,10 +10,10 @@ html, body {
color: #7A7A7A;
}
/*.btn-success {
color: #ffffff;
background-color: #333333;
border-color: #130269;
.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:hover,
@ -21,9 +21,9 @@ html, body {
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #49247A;
border-color: #130269;
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:active,
@ -31,30 +31,6 @@ html, body {
.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;
@ -78,56 +54,11 @@ 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;
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:hover,
@ -135,9 +66,9 @@ fieldset[disabled] .btn-success.active {
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #337AB7;
border-color: #111111;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:active,
@ -145,35 +76,11 @@ fieldset[disabled] .btn-success.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;
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:hover,
@ -181,37 +88,13 @@ fieldset[disabled] .btn-primary.active {
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #111111;
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.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;
}*/
}

44
mojotrollz/page/default_serverlist/tpl/serverlist.tpl
View File

@ -2,25 +2,31 @@
<h3>SERVERS</h3>
<table style="width: 100%;" class="mojotrollz_table">
<tr>
<th>Name</th>
<th>Version</th>
<th>Description</th>
<th>Score</th>
<th>Vote</th>
<th class="col-md-2" style="padding: 0;">Name</th>
<th class="col-md-2" style="padding: 0;">Version</th>
<th class="col-md-4" style="padding: 0;">Description</th>
<th class="col-md-1" style="padding: 0;">Score</th>
<th class="col-md-1" style="padding: 0;">Vote</th>
<th class="col-md-1"></th>
<th class="col-md-1"></th>
</tr>
${server_list}
</table>
<form class="textbox trojan" style="padding:10px" id="newserver_form">
<div class="control-group">
<div class="controls" style="float: left; width: 300px;">
<input class="form-control text_width"
type="text"
id="input_server_address"
placeholder="Address of your Server "
minlength="5"
required data-validation-required-message="Please tell us your Server's Address ;-).">
</div>&nbsp;
<button type="submit" class="btn-sm btn btn-success"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;&nbsp;Submit for Evaluation!</button>
</div>
<div class="help-block"></div>
</form>
<div class="col-md-4" style="padding: 0;">
<br>
Submit the Server's address you are playing on here!
<form class="textbox trojan" style="padding-top:10px" id="newserver_form">
<div class="control-group">
<div class="controls" style="width: 100%;">
<input class="form-control text_width"
type="text"
id="input_server_address"
placeholder="Address of your Server "
minlength="5"
required data-validation-required-message="Please tell us your Server's Address ;-).">
</div>
<button type="submit" class="btn-sm btn btn-success" style="width: 50%; margin-top: 5px;"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;&nbsp;Submit for Evaluation!</button>
</div>
<div class="help-block"></div>
</form>
</div>

10
mojotrollz/page/default_serverlist/tpl/serverlist_tr.tpl
View File

@ -9,15 +9,19 @@
<td>${description}</td>
<td>${score}</td>
<td>
<button type="submit" class="btn_vote btn-sm btn ${btn_vote_color}" server="${id}">
<button type="submit" class="btn_vote btn-sm btn ${btn_vote_color}" server="${id}" style="width: 95%;">
<span class="glyphicon ${glyphicon_vote}" aria-hidden="true"></span>
&nbsp;&nbsp;Vote
</button>
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${url}'">
</td>
<td>
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${url}'" style="width: 95%;">
<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
&nbsp;&nbsp;Visit
</button>
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${magnet_${version}}'">
</td>
<td>
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${magnet_${version}}'" style="width: 95%;">
<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
&nbsp;&nbsp;Download
</button>

2
mojotrollz/page/default_start/tpl/addonlist_download.tpl
View File

@ -1,4 +1,4 @@
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${link}'">
<button type="submit" class="btn-sm btn btn-primary" onClick="location.href='${link}'" style="width: 95%;">
<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
&nbsp;&nbsp;Download ${version}
</button>

12
mojotrollz/page/default_start/tpl/content_addons.tpl
View File

@ -4,12 +4,12 @@
<h3>ADDONS</h3>
<table style="width: 100%;" class="mojotrollz_table">
<tr>
<th>Name</th>
<th>Version</th>
<th>Description</th>
<th>Download</th>
<th></th>
<th></th>
<th class="col-md-2" style="padding: 0;">Name</th>
<th class="col-md-1" style="padding: 0;">Version</th>
<th class="col-md-6" style="padding: 0;">Description</th>
<th class="col-md-1" style="padding: 0;">Download</th>
<th class="col-md-1"></th>
<th class="col-md-1"></th>
</tr>
${addon_list}
</table>