510 lines
9.8 KiB
CSS
510 lines
9.8 KiB
CSS
/* Global */
|
|
|
|
*:focus {
|
|
outline:none;
|
|
}
|
|
body {
|
|
margin:auto;
|
|
padding:0;
|
|
width:1024px;
|
|
min-width:1024px;
|
|
background-color:#CCC;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
font-size: medium;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Structure */
|
|
|
|
#header {
|
|
margin:50px auto 80px auto;
|
|
text-align:center;
|
|
background-color:#FFFFFF;
|
|
padding:10px;
|
|
width:500px;
|
|
border:2px solid #000000;
|
|
}
|
|
#topMenu {
|
|
margin-bottom:5px;
|
|
text-align:center;
|
|
}
|
|
#main {
|
|
padding:10px;
|
|
border:2px solid #000000;
|
|
background-color:#FFFFFF;
|
|
}
|
|
#info {
|
|
margin-bottom:10px;
|
|
}
|
|
#content {
|
|
clear:both;
|
|
}
|
|
#footer {
|
|
padding:5px 10px 50px 10px;
|
|
}
|
|
.layer {
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
background-color:white;
|
|
opacity:0.8;
|
|
}
|
|
.inputBox {
|
|
width:500px;
|
|
}
|
|
.preload {
|
|
display:none;
|
|
}
|
|
.center {
|
|
margin:4px auto;
|
|
}
|
|
.no-margin {
|
|
margin:0;
|
|
}
|
|
.qcmReader, .qcmReaderDisabled {
|
|
margin:10px auto;
|
|
padding:15px;
|
|
width:90%;
|
|
background-color:#FFFFFF;
|
|
border:1px solid #006;
|
|
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
|
|
}
|
|
.rounded {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
|
|
}
|
|
.top-left-rounded {
|
|
border-radius:10px 0 0 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
|
|
}
|
|
.top-right-rounded {
|
|
border-radius:0 10px 0 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
|
|
}
|
|
.bottom-right-rounded {
|
|
border-radius:0 0 10px 0; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
|
|
}
|
|
.bottom-left-rounded {
|
|
border-radius:0 0 0 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
|
|
}
|
|
.top-left-rounded.top-right-rounded {
|
|
border-radius:10px 10px 0 0;
|
|
}
|
|
.bottom-left-rounded.bottom-right-rounded {
|
|
border-radius:0 0 10px 10px;
|
|
}
|
|
.bottom-rounded {
|
|
border-radius:0 0 10px 10px;
|
|
-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
|
|
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
hr.separator {
|
|
margin:3px;
|
|
height:33px;
|
|
border:none;
|
|
background:none;
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
/* Table */
|
|
table {
|
|
margin:auto;
|
|
border-spacing:2px;
|
|
}
|
|
table.maxWidth, #info table {
|
|
width:100%;
|
|
}
|
|
table.joinedTable {
|
|
margin-top:-2px;
|
|
}
|
|
table.stats {
|
|
background-color: #F5F5FF;
|
|
margin-top:50px;
|
|
border:1px solid #000000;
|
|
}
|
|
table tr {
|
|
text-align:center;
|
|
font-size:small;
|
|
}
|
|
table tr th {
|
|
border:1px solid #006;
|
|
text-align:center;
|
|
background-color:#006;
|
|
color:#FFFFFF;
|
|
font-size:medium;
|
|
}
|
|
table tr td {
|
|
border:1px solid #006;
|
|
background-color:#D5FFFF;
|
|
padding:5px;
|
|
}
|
|
table tr td.qcmSelection {
|
|
color:#006;
|
|
cursor:pointer;
|
|
text-align:left;
|
|
padding-left:50px;
|
|
font-weight:bold;
|
|
background:#D5FFFF url(images/qcm_selection.gif) 20px 50% no-repeat;
|
|
}
|
|
table tr td.qcmSelection:hover, table tr td.qcmSelection:active {
|
|
color:#000000;
|
|
border-color:#000000;
|
|
background:#d5ffd7 url(images/qcm_selection_hover.gif) 20px 50% no-repeat;
|
|
}
|
|
table tr td.qcmSelection:active {
|
|
background-image:url(images/qcm_selection_active.gif);
|
|
}
|
|
table tr td.left {
|
|
text-align:left;
|
|
padding-left:10px;
|
|
}
|
|
table tr td.true{
|
|
font-weight:bold;
|
|
background-color:#0F0;
|
|
}
|
|
table tr td.false{
|
|
font-weight:bold;
|
|
background-color:#F00;
|
|
color:#FFFFFF;
|
|
}
|
|
.green {
|
|
background-color:#d5ffd7;
|
|
}
|
|
.blank {
|
|
background-color:transparent;
|
|
border:none;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
/* Form */
|
|
input, textarea {
|
|
margin:auto;
|
|
border:1px solid #006;
|
|
padding:2px 5px;
|
|
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
|
|
}
|
|
input:disabled, textarea:disabled, textarea.disabled, .qcmReaderDisabled {
|
|
border-color:#aca899;
|
|
background-color:#D5FFFF;
|
|
color:#aca899;
|
|
}
|
|
input.nude, select.nude {
|
|
border:none;
|
|
background:none;
|
|
}
|
|
input[type=checkbox], input[type=checkbox]:disabled {
|
|
border:none;
|
|
}
|
|
input[type=button], input[type=submit] {
|
|
background:#FFFFFF url(images/button_gradient.gif) 0 100% repeat-x;
|
|
font-weight:bold;
|
|
color:#006;
|
|
}
|
|
input[type=button]:hover, input[type=submit]:hover {
|
|
background-image:url(images/button_gradient_hover.gif);
|
|
background-position:0 0;
|
|
}
|
|
input[type=button]:active, input[type=submit]:active {
|
|
background-color:#006;
|
|
background-image:none;
|
|
color:#FFFFFF;
|
|
}
|
|
input[type=button]:disabled, input[type=submit]:disabled {
|
|
background-image:none;
|
|
color:#aca899;
|
|
}
|
|
input[type="file"] {
|
|
border:1px solid #006;
|
|
}
|
|
.centered {
|
|
margin-top:4px;
|
|
}
|
|
textarea {
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:small;
|
|
width:90%;
|
|
margin:10px auto;
|
|
padding:5px;
|
|
}
|
|
.spaceRight {
|
|
padding-right:25px;
|
|
}
|
|
select {
|
|
border:1px solid #006;
|
|
background:white;
|
|
}
|
|
select.mergeWithTh {
|
|
background-color:#006;
|
|
border-color:#FFFFFF;
|
|
color:#FFFFFF;
|
|
font-weight:bold;
|
|
font-size:medium;
|
|
}
|
|
.answerBox {
|
|
padding:3px;
|
|
height:25px;
|
|
}
|
|
|
|
/* Text */
|
|
h3 {
|
|
font-style:italic;
|
|
color:#666;
|
|
}
|
|
h1 span.logo {
|
|
border:3px solid #000000;
|
|
padding:0 8px 2px;
|
|
background-color:#CCCCCC;
|
|
}
|
|
fieldset {
|
|
border:1px solid #000000;
|
|
background-color:#F5F5FF;
|
|
padding:10px 10px 20px 10px;
|
|
margin-top:20px;
|
|
}
|
|
legend {
|
|
padding: 1px 6px 2px;
|
|
font-size: medium;
|
|
border:1px solid #000000;
|
|
background:#FFFFFF url(images/button_gradient.gif) 0 100% repeat-x;
|
|
}
|
|
a, a:visited {
|
|
color:#006;
|
|
}
|
|
a:hover {
|
|
color:#000000;
|
|
}
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
a.beta {
|
|
position:absolute;
|
|
margin-left:740px;
|
|
margin-top:-30px;
|
|
padding:10px 20px;
|
|
color:#000000;
|
|
font-size:25pt;
|
|
font-style:italic;
|
|
text-decoration:none;
|
|
background-color:#FFFFFF;
|
|
border:2px solid #000000;
|
|
}
|
|
a.beta:hover {
|
|
background-color:#000000;
|
|
color:#FFFFFF;
|
|
border-color:#FFFFFF;
|
|
}
|
|
a.top {
|
|
position:absolute;
|
|
top:0;
|
|
}
|
|
a.toTheTop {
|
|
float:right;
|
|
margin-top:5px;
|
|
padding:2px 5px 2px 30px;
|
|
background:#D5FFFF url(images/arrow.png) 5px 1px no-repeat;
|
|
font-size:small;
|
|
text-decoration:none;
|
|
border:1px solid #006;
|
|
}
|
|
a.toTheTop:hover {
|
|
background-color:#d5ffd7;
|
|
background-position:5px 0;
|
|
color:#000000;
|
|
}
|
|
a.toTheTop:active {
|
|
background-color:#006;
|
|
background-position: 5px 0;
|
|
color:#FFFFFF;
|
|
}
|
|
a.deleteQuestion, a.deleteAnswer, a.XButton, a.deleteImage {
|
|
padding:2px 5px;
|
|
border:1px solid #006;
|
|
background-color:#FFFFFF;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
}
|
|
a.deleteQuestion, a.deleteImage {
|
|
position:absolute;
|
|
margin-top:10px;
|
|
margin-left:-22px;
|
|
border-radius:0 5px 0 5px; -moz-border-radius:0 5px 0 5px; -webkit-border-radius:0 5px 0 5px;
|
|
}
|
|
a.deleteAnswer {
|
|
position:absolute;
|
|
margin-left:-22px;
|
|
border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;
|
|
}
|
|
a.deleteImage {
|
|
margin-top:118px;
|
|
margin-right:0;
|
|
}
|
|
a.XButton {
|
|
padding:1px 3px;
|
|
color:#006;
|
|
font-size:x-small;
|
|
}
|
|
a.deleteQuestion:hover, a.deleteQuestionHover, a.deleteAnswer:hover, a.deleteAnswerHover, a.XButton:hover, a.deleteImage:hover, a.deleteImageHover {
|
|
background-color:#006;
|
|
color:#FFFFFF;
|
|
}
|
|
a.XButton:hover {
|
|
text-decoration:none;
|
|
}
|
|
a.download {
|
|
padding:5px 10px 5px 28px;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
color:#000066;
|
|
border-color:#000066;
|
|
background:url(images/arrow_down.png) 5px center no-repeat, url(images/button_gradient.gif) left bottom repeat-x;
|
|
}
|
|
a.download:hover {
|
|
background:url(images/arrow_down.png) 5px 60% no-repeat, url(images/button_gradient_hover.gif) left top repeat-x;
|
|
}
|
|
#topMenu a {
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
padding:5px 10px;
|
|
background-color:#E5E5E5;
|
|
color:#000000;
|
|
border:1px solid #666;
|
|
border-bottom-color:#000000;
|
|
font-weight:bold;
|
|
text-decoration:none;
|
|
}
|
|
#topMenu a.current {
|
|
border-width:2px;
|
|
border-color:#000000;
|
|
border-bottom-color:#FFFFFF;
|
|
background-color:#FFFFFF;
|
|
}
|
|
#topMenu a:hover {
|
|
border-color:#000000;
|
|
border-bottom-width:2px;
|
|
border-bottom-color:#FFFFFF;
|
|
background:#FFFFFF url(images/button_gradient_hover.gif) 0 0 repeat-x;
|
|
}
|
|
#main p {
|
|
padding-left:3px;
|
|
}
|
|
#main p.center {
|
|
text-align:center;
|
|
}
|
|
#main div.error, #main div.warning, #main div.success, #main div.notice {
|
|
border:1px solid #000000;
|
|
padding:5px;
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
}
|
|
#main div.error {
|
|
border-color:red;
|
|
}
|
|
#main div.warning {
|
|
border-color:orange;
|
|
}
|
|
#main div.success {
|
|
border-color:#008000;
|
|
}
|
|
#main p.error, #main p.warning, #main p.success, #main p.notice {
|
|
font-size:large;
|
|
padding:0;
|
|
margin: 0;
|
|
}
|
|
#main p.error {
|
|
color:red;
|
|
font-weight:bold;
|
|
}
|
|
#main p.warning {
|
|
color:orange;
|
|
}
|
|
#main p.success {
|
|
color:#008000;
|
|
}
|
|
#main p.notice {
|
|
margin:0;
|
|
font-size:medium;
|
|
font-style:italic;
|
|
}
|
|
#main .panel p {
|
|
font-size:small;
|
|
}
|
|
#info p.pageTitle, #info p.connectedUser {
|
|
padding:1px 5px;
|
|
margin:0;
|
|
border:1px solid #000000;
|
|
font-size:medium;
|
|
}
|
|
#info p.pageTitle {
|
|
float:left;
|
|
}
|
|
#info p.connectedUser {
|
|
float:right;
|
|
}
|
|
#footer p{
|
|
text-align:center;
|
|
font-size: x-small;
|
|
margin-top:0;
|
|
}
|
|
p.code, p.keyring {
|
|
font-family:"Courier New";
|
|
overflow:auto;
|
|
}
|
|
p.keyring {
|
|
overflow:hidden;
|
|
width:964px;
|
|
}
|
|
p.question{
|
|
text-align:left;
|
|
margin:15px 0 15px 40px ;
|
|
}
|
|
p.important, ul li {
|
|
font-size:medium;
|
|
font-weight:bold;
|
|
}
|
|
p.tresimportant {
|
|
font-size:x-large;
|
|
font-weight:bold;
|
|
}
|
|
p.separator {
|
|
text-align:center;
|
|
font-weight:bold;
|
|
font-size:large;
|
|
}
|
|
ul li {
|
|
margin-top:10px;
|
|
}
|
|
ul li a {
|
|
text-decoration:none;
|
|
}
|
|
ul li a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
ul li ul li {
|
|
margin:2px;
|
|
font-size:small;
|
|
font-weight:normal;
|
|
font-style:italic;
|
|
}
|
|
.noinfo{
|
|
font-style:italic;
|
|
color:#666;
|
|
margin:auto;
|
|
}
|
|
.divDisabled {
|
|
background-color:#aca899;
|
|
}
|
|
.text {
|
|
}
|
|
.textDisabled {
|
|
color:#aca899;
|
|
}
|
|
|
|
/* Image */
|
|
img {
|
|
border:none;
|
|
} |