MySQL2MySQLi/GUI/css/main.css

241 lines
3.9 KiB
CSS

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #c8c8c8;
background:#272B30;
}
h1 { font-size:18px; }
h2 {
font-size:14px;
color:#F89331;
}
h3 {
font-size:12px;
font-weight:bold;
color:#006486;
}
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus { text-decoration:underline; }
a:active { text-decoration:underline; }
fieldset { padding-bottom:1em }
table { margin:0px; padding:0px; }
th { background-color:#f2f2f2; padding:0.25em; }
legend {
font-size:14px;
}
.conversionok {
color:#2BD95C;
font-weight:bold;
}
.conversionwarning {
color:#FADF65;
font-weight:bold;
}
.conversionerror {
color:#F89331;
font-weight:bold;
}
.conversionheadline {
background-color:#006486;
width:100%
}
.conversiondetails {
display:none;
padding:1em;
}
.tddark {
background-color:#f6f6f6;
}
.tdbright {
background-color:#ffffff;
}
.formhint {
text-align:left;
}
.formlabel {
font-weight:bold;
text-align:left;
vertical-align:top;
padding-right:0.5em;
}
.formlabelerror {
color:#F89331;
font-weight:bold;
text-align:left;
vertical-align:top;
padding-right:0.5em;
}
.error {
color:#F89331;
font-weight:bold;
}
.formelement {
text-align:left;
vertical-align:top;
padding-bottom:0.5em;
width:450px;
}
.formsubmit {
text-align:right;
padding-right:1em;
padding-top:0.5em;
}
.topnav {
width:100%;
padding:0.25em;
padding-left:0.5em;
background-color:#006486;
font-size:10px;
color:#ffffff;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#006486;
border-left-width:1px;
border-left-style:solid;
border-left-color:#F2F2F2;
border-right-width:1px;
border-right-style:solid;
border-right-color:#F2F2F2;
}
.topnavlink {
color:#ffffff;
}
.main {
margin-top:0.25em;
background-color:#FCFCFC;
width:100%;
padding:0.25em;
padding-left:0.5em;
padding-top:1em;
text-align:left;
vertical-align:top;
border-top-width:1px;
border-top-style:solid;
border-top-color:#F2F2F2;
border-left-width:1px;
border-left-style:solid;
border-left-color:#F2F2F2;
border-right-width:1px;
border-right-style:solid;
border-right-color:#F2F2F2;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#F2F2F2;
}
.maintextbox {
margin-bottom:1em;
}
.bottom {
width:100%;
background-color:#FCFCFC;
font-size:10px;
margin-top:1em;
padding:0.25em;
padding-left:0.5em;
border-top-width:1px;
border-top-style:solid;
border-top-color:#F2F2F2;
border-left-width:1px;
border-left-style:solid;
border-left-color:#F2F2F2;
border-right-width:1px;
border-right-style:solid;
border-right-color:#F2F2F2;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#F2F2F2
}
@media (min-width: 768px) {
.nav-justified {
max-height: 52px;
}
.nav-justified > li > a {
border-left: 1px solid #fff;
border-right: 1px solid #d5d5d5;
}
.nav-justified > li:first-child > a {
border-left: 0;
border-radius: 5px 0 0 5px;
}
.nav-justified > li:last-child > a {
border-radius: 0 5px 5px 0;
border-right: 0;
}
}
/ Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
/* Remove the padding we set earlier */
* .masthead,
.marketing,
.footer {
padding-left: 0;
padding-right: 0;
}
}
.footer {
margin-top: 40px;
padding: 40px;
}
.sep{
margin-bottom: 90px;
}
.table{
color:#fff;
text-align: left;
border-radius: 4px;
}
.toggle:hover{
cursor: pointer;
}
.well{
overflow: auto;
}