xp-dev.com Git - CPE_learningsite/blob - CPE/CPE.App/CPE.App.Web/static/css/global.css

   1 /* When we are ready to provide HTML5 functionality for IE8- http://html5boilerplate.com/ */
   2 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, intevista { display: block; }
   3
   4 html, body {
   5     font-family: Verdana;
   6     font-size: 10px;
   7     margin: 0;
   8     padding: 0;
   9     vertical-align: top;
  10 }
  11
  12 #body { background-color: #BEBEBE !important; }
  13
  14 #header {
  15     background-color: #004B73;
  16     background-image: linear-gradient(bottom, #FFFFFF 21%, #004B73 66%);
  17     background-image: -o-linear-gradient(bottom, #FFFFFF 21%, #004B73 66%);
  18     background-image: -moz-linear-gradient(bottom, #FFFFFF 21%, #004B73 66%);
  19     background-image: -webkit-linear-gradient(bottom, #FFFFFF 21%, #004B73 66%);
  20     background-image: -ms-linear-gradient(bottom, #FFFFFF 21%, #004B73 66%);
  21     background-image: -webkit-gradient(
  22                                       linear,
  23                                       left bottom,
  24                                       left top,
  25                                       color-stop(0.21, #FFFFFF),
  26                                       color-stop(0.66, #004B73)
  27     );
  28     margin: 0 auto;
  29     padding: 10px;
  30
  31     width: 990px;
  32 }
  33
  34 #header h1 { color: #FFFFFF; }
  35
  36 #page {
  37     background-color: #FFFFFF !important;
  38     border-radius: 0 0 15px 15px;
  39     margin: 0 auto 32px;
  40     padding: 10px;
  41     width: 990px;
  42 }
  43
  44 #content { min-height: 500px; }
  45
  46 #content h2 { text-align: left; }
  47
  48 #footer footer span, #footer footer span a, #footer footer span a:hover {
  49     color: gray;
  50     padding-left: 12px;
  51     text-decoration: none;
  52 }
  53
  54 #footer footer span a, #footer footer span a:hover { padding-left: 0px; }
  55
  56 img {
  57     border: 0px;
  58 }
  59
  60 table { border-collapse: collapse; }
  61
  62 table tr td, table tr th {
  63     text-align: left;
  64     white-space: nowrap;
  65 }
  66
  67 footer { clear: both; }
  68
  69 tr.odd { background-color: #D7E3E9 !important; }
  70
  71 tr.even { background-color: white !important; }
  72
  73 tr.odd td.sorting_1 { background-color: #C6D7E0 !important; }
  74
  75 tr.even td.sorting_1 { background-color: #E4ECF0 !important; }
  76
  77 .paging_full_numbers a.paginate_active { background-color: #C6D7E0 !important; }
  78
  79 .dataTables_length, .dataTables_info { text-align: left; }
  80
  81 .dataTables_length {
  82     margin-top: 10px;
  83     white-space: nowrap;
  84     width: 140px !important;
  85 }
  86
  87 .dataTables_info {
  88     float: left;
  89     margin-top: 2px !important;
  90     margin-top: 12px !important;
  91 }
  92
  93 .dataTables_filter {
  94     float: left !important;
  95     margin-top: 6px;
  96     padding-right: 24px;
  97     white-space: nowrap;
  98     width: 360px !important;
  99 }
 100
 101 .dataTables_filter label input { width: 300px; }
 102
 103 #page div.dataTables_paginate, #page div.dataTables_info { margin-top: 10px; }
 104
 105 #page div.dataTables_info { width: 40%; }
 106
 107 .DTTT_container {
 108     float: right;
 109     padding-bottom: 12px;
 110     text-align: right;
 111 }
 112
 113 hr {
 114     background-color: #CCCCCC;
 115     border: 0 none !important;
 116     color: #CCCCCC;
 117     display: block;
 118     height: 1px;
 119     margin: 0;
 120     margin-bottom: 10px;
 121     padding: 0;
 122     width: 100%;
 123 }
 124
 125 .floatleft { float: left; }
 126
 127 .floatright { float: right; }
 128
 129 .cell { padding-right: 18px !important; }
 130
 131 .namecell { width: 100%; }
 132
 133 .namecell a, .backlink {
 134     color: #004b73;
 135     font-weight: bold;
 136     text-decoration: none;
 137 }
 138
 139 .namecell a:hover, .backlink:hover { text-decoration: underline; }
 140
 141 .datecell { }
 142
 143 .numbercell { text-align: right; }
 144
 145 .centercell { text-align: center; }
 146
 147 .italic { font-style: italic; }
 148
 149 #loginbox {
 150     margin: 150px auto 0;
 151     width: 290px;
 152     border: 1px solid #cccccc;
 153 }
 154 #rebroadcast-loginbox {
 155     margin: 0 auto;
 156     width: 290px;
 157     border: 1px solid #cccccc;
 158 }
 159 #loginheader {
 160     background-color: #004B73;
 161     color: #fff;
 162     font-size: 16px;
 163     font-weight: bold;
 164     padding: 4px 15px;
 165 }
 166 #loginbody {
 167     margin: 14px;
 168 }
 169 #loginbody table {
 170     width: 100%;
 171 }
 172 #loginbody input[type=text] {
 173     width: 200px;
 174 }
 175 .hidden { display: none;}
 176
 177 input.datepicker {
 178     width: 75px;
 179 }
 180 input.timepicker {
 181     width: 75px;
 182 }
 183
 184 div.time-picker {
 185   position: absolute;
 186   height: 191px;
 187   width:4em; /* needed for IE */
 188   overflow: auto;
 189   background: #fff;
 190   border: 1px solid #aaa;
 191   z-index: 99;
 192   margin: 0;
 193 }
 194 div.time-picker-12hours {
 195   width:75px; /* needed for IE */
 196 }
 197
 198 div.time-picker ul {
 199   list-style-type: none;
 200   margin: 0;
 201   padding: 0;
 202 }
 203 div.time-picker li {
 204   cursor: pointer;
 205   height: 10px;
 206   font: 12px/1 Helvetica, Arial, sans-serif;
 207   padding: 4px 3px;
 208 }
 209 div.time-picker li.selected {
 210   background: #0063CE;
 211   color: #fff;
 212 }
 213
 214 label.error {
 215     margin-left: 10px;
 216     color: red;
 217 }
 218
 219 div.session_date {
 220     padding: 5px;
 221 }
 222 div.session_date label {
 223     display: inline-block;
 224     width: 120px;
 225     font-size: 14px;
 226     font-weight: bold;
 227 }
 228 div.session_date span {
 229     font-size: 14px;
 230     padding-left: 5px;
 231 }
 232
 233 .group:after {
 234         visibility: hidden;
 235         display: block;
 236         content: "";
 237         clear: both;
 238         height: 0;
 239         }
 240 * html .group             { zoom: 1; } /* IE6 */
 241 *:first-child+html .group { zoom: 1; } /* IE7 */