Files
qcmmaker/current_version/.svn/text-base/style.css.svn-base
2013-08-07 14:41:29 +02:00

506 lines
9.6 KiB
Plaintext

@CHARSET "ISO-8859-1";
/* 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;
}
.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; -moz-border-radius:0 5px; -webkit-border-radius: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:139px;
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;
}