portal/static/css/fibre.css

   1 body {
   2     background-color:white;
   3     color:black;
   4     margin:0;
   5     padding:0;
   6 }
   7 a, a:active, a:focus {
   8     outline: 0;
   9 }
  10
  11 h1 {
  12     border-bottom:1px solid #DDDDDD;
  13     padding:0 0 5px 0;
  14     margin:0 0 15px 0;
  15     font-size:18pt;
  16 }
  17 h1 img {
  18     vertical-align:middle;
  19     margin-bottom:4px;
  20 }
  21 h2 {
  22     font-size:14pt;
  23     color:#333333;
  24 }
  25 h3 {
  26     font-size:13pt;
  27     color:#201E62;
  28 }
  29 div.wrapper {
  30     width:980px;
  31     margin:0 auto;
  32     position:relative;
  33 }
  34 div.container {
  35     width:80%;
  36     margin:25px auto;
  37 }
  38 div.wide {
  39     margin:25px auto;
  40     padding:0 25px;
  41 }
  42
  43 span.label {
  44     font-size:11pt;
  45     color:gray;
  46     font-weight:normal;
  47     padding:0;
  48 }
  49 /***** Notifications *****/
  50 .warning {
  51     border: 1px solid red;
  52     margin: 20px 60px;
  53     padding: 10px 20px;
  54     color: red;
  55     background-color: #f2dbdb;
  56     text-align: center;
  57 }
  58 /* HEADER */
  59 div#header {
  60     height:100px;
  61     background-color:white;
  62 }
  63
  64 div#secondary {
  65
  66 }
  67
  68 div#secondary ul {
  69     position:absolute;
  70     top:20px;
  71     right:0;
  72 }
  73
  74 div#secondary li {
  75     font-size:10pt;
  76     float:left;
  77     list-style:none;
  78     margin-right:30px;
  79 }
  80 div#secondary li a {
  81     color:black;
  82 }
  83 div#secondary li a:hover {
  84     color:#270A5A;
  85     text-decoration:none;
  86 }
  87 div#secondary li:last-child {
  88     margin-right:0;
  89 }
  90
  91 div#navigation {
  92     background-color:rgb(30, 88, 111);
  93     width:100%;
  94     height:40px;
  95 }
  96 div#navigation div.wrapper {
  97     text-align:center;
  98 }
  99 div#navigation ul {
 100     margin:0;
 101     padding:0;
 102     display: inline-block;
 103     list-style-type: none;
 104     white-space: nowrap;
 105 }
 106
 107 div#navigation li {
 108     color:white;
 109     font-family:helvetica, sans-serif;
 110     font-size:10pt ;
 111     font-weight:normal;
 112     line-height:0.8em;
 113     letter-spacing:0.6pt;
 114     list-style:none;
 115     float:left;
 116     padding:0;
 117     margin:15px 50px 0 0;
 118 }
 119 div#navigation li a {
 120     color:white;
 121 }
 122 div#navigation li a:hover {
 123     text-decoration:none;
 124     color:#B8B2FF;
 125 }
 126 div#navigation li:last-child {
 127     margin-right:0;
 128 }
 129
 130 /* HOME DASHBOARD */
 131 div#home-dashboard {
 132     color:black;
 133     margin:0 auto 25px auto;
 134 }
 135 div#home-dashboard table {
 136 /*    margin:25px; */
 137     width:100% !important;
 138 }
 139 div#home-dashboard table td {
 140     text-align:center;
 141     padding:15px 0;
 142     width:33%;
 143 }
 144 div#home-dashboard table tr:first-child td {
 145     font-size:12pt;
 146     font-weight:bold;
 147     color:#270A5A;
 148 }
 149 div#home-dashboard table tr:last-child td {
 150     vertical-align:top;
 151     padding:25px 0;
 152 }
 153 div#home-dashboard table tr:last-child td.logged-in {
 154    /* border-right:1px solid #DDDDDD; */
 155     padding:25px;
 156 }
 157 div#home-dashboard table tr:last-child td.support {
 158   /*  border-left:1px solid #DDDDDD; */
 159     padding:25px;
 160 }
 161 div#home-dashboard table tr:last-child td:first-child {
 162 }
 163 div#home-dashboard table tr:last-child td:last-child {
 164     border-right:0;
 165 }
 166 div#home-dashboard table tr:last-child td.logged-in div {
 167     text-align:left;
 168     padding:25px 0;
 169 }
 170 div#home-dashboard table tr:last-child td.support div {
 171     text-align:left;
 172     padding:25px 0;
 173 }
 174
 175 /* Edelberto */
 176 .bar1 {
 177     width: 100%;
 178     background: #FCFCFC;
 179     border: 1px;
 180     border-radius: 4px;
 181     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 182     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 183 }
 184
 185 .well {
 186     width: 350px !important;
 187 }
 188
 189 #footer {
 190     width: 100%;
 191     float: left;
 192     background-color: rgb(65, 119, 139);
 193     height: 30px;
 194     padding: 5px;
 195     text-align: center;
 196     color: white;
 197 }
 198
 199 .logo {
 200     padding-bottom: 5px;
 201 }
 202
 203 /* Edelberto end */
 204
 205 div#home-dashboard div.login-widget {
 206     padding:20px;
 207 }
 208 div#home-dashboard table td.support {
 209 }
 210 div#home-dashboard table td.support a {
 211 }
 212 div#home-dashboard table td.support a:hover {
 213     text-decoration:none;
 214 }
 215
 216 div#home-dashboard div#manager {
 217     display:none;
 218 }
 219
 220 div#home-dashboard div#home-slice-list {
 221     margin:25px 0;
 222     padding:0 25px;
 223     text-align:left;
 224 }
 225 div#home-dashboard div#home-slice-list ul {
 226     list-style: none;
 227     padding:0;
 228     margin:0;
 229 }
 230 div#home-dashboard div#home-slice-list li {
 231
 232 }
 233
 234 .login-submit {
 235     vertical-align:middle;
 236     padding:0;
 237 }
 238 .lost-password {
 239     font-size:10pt;
 240     color:#CCCCCC;
 241     text-align:right;
 242     padding:0px;
 243 }
 244 .lost-password a {
 245 }
 246 .login-signup {
 247     border-top:1px solid #CCCCCC;
 248     text-align:center;
 249     margin-top:15px;
 250     padding:5px 0 0 0;
 251 }
 252 /**/
 253
 254 /* NAV TABS */
 255
 256 .nav.nav-tabs {
 257     margin-bottom:25px;
 258 }
 259
 260 .nav.nav-tabs li.active a {
 261
 262 }
 263
 264 .nav.nav-tabs li a {
 265 }
 266
 267 .nav.nav-tabs li a:hover {
 268 }
 269
 270 /**/
 271 /* WELL */
 272 div.well {
 273 }
 274 /**/
 275 /* BUTTON */
 276 .btn.btn-default {
 277     font-weight: bold;
 278 }
 279
 280 .btn.btn-default:hover {
 281     font-weight: bold;
 282 }
 283 /**/
 284 /* TABLE */
 285 table.table {
 286     margin:0;
 287 }
 288 table.table thead {
 289     padding:0;
 290 }
 291 table.table tbody {
 292     padding:0;
 293 }
 294 table.table tr {
 295     padding:0;
 296 }
 297 table.table td {
 298     padding:0;
 299 }
 300 /* INSTITUTION */
 301 div#institution {
 302     color:black;
 303 }
 304 .form-hint {
 305     font-size:11pt;
 306     font-style:italic;
 307     color:gray;
 308 }
 309
 310
 311 .form-hint {
 312     font-size:11pt;
 313     font-style:italic;
 314     color:gray;
 315 }
 316
 317
 318
 319 /* TICKET REQUEST */
 320 div#ticket-request {
 321     color:black;
 322 }
 323 .form-hint {
 324     font-size:11pt;
 325     font-style:italic;
 326     color:gray;
 327 }
 328 div#ticket-request p {
 329     margin:20px 0;
 330 }
 331
 332 /* SLICE VIEW */
 333 div#slice-view {
 334     margin:0;
 335 }
 336 div.list-group-item {
 337     border:0;
 338     background-color:white;
 339     font-weight:bold;
 340     padding-left:0;
 341 }
 342 a.list-group-item {
 343     border:0;
 344     background-color:white;
 345     padding:3px 0 3px 10px;
 346     border-left:2pt white solid;
 347 }
 348 a.list-group-item.active, a.list-group-item:hover {
 349     border-left:2pt blue solid;
 350 }
 351 a.list-group-item p.list-group-item-text {
 352     font-size:9pt;
 353     font-style:italic;
 354 }
 355
 356 /* SLICE VIEW sections */
 357 .slice-sections, .slice-pending {
 358     margin:0;
 359     padding:0;
 360 }
 361 .slice-sections ul, .slice-pending ul {
 362     margin:0;
 363     padding:0;
 364 }
 365 .slice-pending ul {
 366     width:400px;
 367     margin:0 auto 15px auto;
 368 }
 369 .slice-sections li {
 370     text-align:left;
 371     margin:0;
 372     padding:0;
 373 }
 374 .slice-pending li {
 375     padding-right:15px;
 376 }
 377 .slice-sections li a, .slice-pending li a {
 378     font-size:14px;
 379     color:black;
 380     padding:0;
 381 }
 382 .slice-sections li.active a, .slice-pending li.active a  {
 383     color:#201E62;
 384     background-color:#EFEFEF;
 385     text-decoration:underline;
 386     padding:0;
 387 }
 388 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 389     text-decoration:underline;
 390     background-color:#EFEFEF;
 391     color:black;
 392 }
 393 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 394
 395 }
 396 .slice-sections li:first-child, .slice-sections li:first-child a {
 397     color:#201E62;
 398     font-weight:bold;
 399 }
 400 .slice-experiment {
 401     text-align:right;
 402     padding:0;
 403 }
 404 .slice-experiment button {
 405     margin:3px 0 0 0;
 406     background-color:#CC4125;
 407     color:white;
 408 }
 409
 410 .slice-pending {
 411 }
 412 .slice-pending button {
 413     font-size:9pt;
 414     margin:-2px 0 0 0;
 415     padding:3px 5px;
 416 }
 417 .slice-pending button.apply {
 418 }
 419 .slice-pending button.clear {
 420 }