fixed bug with IE and select elements,

made config box nicer
This commit is contained in:
DennisSchiefer 2012-05-10 14:44:20 +01:00
parent 85ea79701c
commit f95e515f20
2 changed files with 27 additions and 17 deletions

View File

@ -151,19 +151,6 @@ html, body {
} }
/* general styles for gui box content */
.label
{
font-weight:bold;
margin-bottom:10px;
}
.inner-label
{
padding:0px 20px 0px 5px;
}
/* styles for main-input areas */ /* styles for main-input areas */
#input-mask-header #input-mask-header
{ {
@ -187,7 +174,7 @@ html, body {
/* styles for main-input input-mask-header */ /* styles for main-input input-mask-header */
#gui-language-toggle #gui-language-toggle
{ {
position:absolute; position:relative;
} }
.top-left-button .top-left-button
@ -410,6 +397,30 @@ html, body {
} }
/* styles for config and mapping boxes */
#gui-language-toggle-2
{
position:relative;
}
#gui-units-toggle
{
position:relative;
}
.config-select
{
width:100px;
}
.label
{
font-weight:bold;
margin-bottom:10px;
}
.inner-label
{
padding:0px 20px 0px 5px;
}
/* buttons */ /* buttons */
.button .button
{ {

View File

@ -93,10 +93,10 @@ or see http://www.gnu.org/licenses/agpl.txt.
<div class="full"> <div class="full">
<div class="row"> <div class="row">
<div id="gui-language-label" class="left inner-label">Language:</div> <div id="gui-language-label" class="left inner-label">Language:</div>
<div id="gui-language-area" class="left stretch"><!-- <select id="gui-language-toggle-2" style="width:100px;"></select> --></div></div> <div id="gui-language-area" class="left stretch"><select id="gui-language-toggle-2" class="config-select"></select></div></div>
<div class="row"> <div class="row">
<div id="gui-units-label" class="left inner-label">Units:</div> <div id="gui-units-label" class="left inner-label">Units:</div>
<div id="gui-units-area" class="left stretch"><select id="gui-units-toggle" style="width:100px;"></select></div> <div id="gui-units-area" class="left stretch"><select id="gui-units-toggle" class="config-select"></select></div>
</div> </div>
</div> </div>
@ -141,7 +141,6 @@ or see http://www.gnu.org/licenses/agpl.txt.
<!-- header --> <!-- header -->
<div id="input-mask-header"> <div id="input-mask-header">
<select id="gui-language-toggle" class="top-left-button"></select> <select id="gui-language-toggle" class="top-left-button"></select>
<select id="gui-language-toggle-2" style="width:100px;"></select>
<div id="main-toggle" class="iconic-button cancel-marker top-right-button"></div> <div id="main-toggle" class="iconic-button cancel-marker top-right-button"></div>
</div> </div>