portal/static/css/onelab.css

   1 /* @override unfold/static/css/plugin.css */
   2
   3 /*-------------------------------- MARKO'S STYLES -----*/
   4
   5
   6
   7
   8 /*** NEW CSS STYLES FOR ONLEAB ***/
   9
  10 body {
  11     background-color:white;
  12     color:black;
  13     margin:0;
  14     padding:0;
  15 }
  16 a, a:active, a:focus {
  17     outline: 0;
  18 }
  19
  20 h1 {
  21     border-bottom:1px solid #DDDDDD;
  22     padding:0 0 15px 0;
  23     margin:0 0 15px 0;
  24 }
  25 h1 img {
  26     vertical-align:top;
  27 }
  28 div.wrapper {
  29     width:980px;
  30     margin:0 auto;
  31     position:relative;
  32 }
  33
  34 span.label {
  35     font-size:11pt;
  36     color:gray;
  37     font-weight:normal;
  38     padding:0;
  39 }
  40 /***** Notifications *****/
  41 .warning {
  42     border: 1px solid red;
  43     margin: 20px 60px;
  44     padding: 10px 20px;
  45     color: red;
  46     background-color: #f2dbdb;
  47     text-align: center;
  48 }
  49 /* HEADER */
  50 div#header {
  51     height:100px;
  52     background-color:white;
  53 }
  54
  55 div#secondary {
  56
  57 }
  58
  59 div#secondary ul {
  60     position:absolute;
  61     top:20px;
  62     right:0;
  63 }
  64
  65 div#secondary li {
  66     font-size:10pt;
  67     float:left;
  68     list-style:none;
  69     margin-right:30px;
  70 }
  71 div#secondary li a {
  72     color:black;
  73 }
  74 div#secondary li a:hover {
  75     color:#270A5A;
  76     text-decoration:none;
  77 }
  78 div#secondary li:last-child {
  79     margin-right:0;
  80 }
  81
  82 div#navigation {
  83     background-color:black;
  84     width:100%;
  85     height:40px;
  86 }
  87 div#navigation div.wrapper {
  88     text-align:center;
  89 }
  90 div#navigation ul {
  91     margin:0;
  92     padding:0;
  93     display: inline-block;
  94     list-style-type: none;
  95     white-space: nowrap;
  96 }
  97
  98 div#navigation li {
  99     color:white;
 100     font-family:helvetica, sans-serif;
 101     font-size:10pt ;
 102     font-weight:normal;
 103     line-height:0.8em;
 104     letter-spacing:0.6pt;
 105     list-style:none;
 106     float:left;
 107     padding:0;
 108     margin:15px 50px 0 0;
 109 }
 110 div#navigation li a {
 111     color:white;
 112 }
 113 div#navigation li a:hover {
 114     text-decoration:none;
 115     color:#B8B2FF;
 116 }
 117 div#navigation li:last-child {
 118     margin-right:0;
 119 }
 120
 121 /* HOME DASHBOARD */
 122 div#home-dashboard {
 123     color:black;
 124     margin:25px auto;
 125 }
 126 div#home-dashboard table {
 127     margin:25px;
 128     width:100%;
 129 }
 130 div#home-dashboard table td {
 131     text-align:center;
 132     padding:15px 0;
 133     width:33%;
 134 }
 135 div#home-dashboard table tr:first-child td {
 136     font-size:12pt;
 137     font-weight:bold;
 138     color:#270A5A;
 139 }
 140 div#home-dashboard table tr:last-child td {
 141     vertical-align:top;
 142     padding:25px 0;
 143 }
 144 div#home-dashboard table tr:last-child td.logged-in {
 145     border-right:1px solid #DDDDDD;
 146     padding:25px;
 147 }
 148 div#home-dashboard table tr:last-child td.support {
 149     border-left:1px solid #DDDDDD;
 150     padding:25px;
 151 }
 152 div#home-dashboard table tr:last-child td:first-child {
 153 }
 154 div#home-dashboard table tr:last-child td:last-child {
 155     border-right:0;
 156 }
 157 div#home-dashboard table tr:last-child td.logged-in div {
 158     text-align:left;
 159     padding:25px 0;
 160 }
 161 div#home-dashboard table tr:last-child td.support div {
 162     text-align:left;
 163     padding:25px 0;
 164 }
 165 div#home-dashboard div.login-widget {
 166     padding:20px;
 167 }
 168 div#home-dashboard table td.support {
 169 }
 170 div#home-dashboard table td.support a {
 171 }
 172 div#home-dashboard table td.support a:hover {
 173     text-decoration:none;
 174 }
 175
 176 div#home-dashboard div#manager {
 177     display:none;
 178 }
 179
 180 div#home-dashboard div#home-slice-list {
 181     margin:25px 0;
 182     padding:0 25px;
 183     text-align:left;
 184 }
 185 div#home-dashboard div#home-slice-list ul {
 186     list-style: none;
 187     padding:0;
 188     margin:0;
 189 }
 190 div#home-dashboard div#home-slice-list li {
 191
 192 }
 193
 194 .login-submit {
 195     vertical-align:middle;
 196     padding:0;
 197 }
 198 .lost-password {
 199     font-size:10pt;
 200     color:#CCCCCC;
 201     text-align:right;
 202     padding:0px;
 203 }
 204 .lost-password a {
 205 }
 206 .login-signup {
 207     border-top:1px solid #CCCCCC;
 208     text-align:center;
 209     margin-top:15px;
 210     padding:5px 0 0 0;
 211 }
 212 /**/
 213
 214 /* NAV TABS */
 215
 216 .nav.nav-tabs {
 217 }
 218
 219 .nav.nav-tabs li.active a {
 220
 221 }
 222
 223 .nav.nav-tabs li a {
 224 }
 225
 226 .nav.nav-tabs li a:hover {
 227 }
 228
 229 /**/
 230 /* WELL */
 231 div.well {
 232 }
 233 /**/
 234 /* BUTTON */
 235 .btn.btn-default {
 236     font-weight: bold;
 237 }
 238
 239 .btn.btn-default:hover {
 240     font-weight: bold;
 241 }
 242
 243
 244 /* INSTITUTION */
 245 div#institution {
 246     color:black;
 247     margin:25px auto;
 248 }
 249 .form-hint {
 250     font-size:11pt;
 251     font-style:italic;
 252     color:gray;
 253 }
 254
 255 /* SLICE REQUEST */
 256 div#slice-request {
 257     color:black;
 258     margin:25px auto;
 259 }
 260 .form-hint {
 261     font-size:11pt;
 262     font-style:italic;
 263     color:gray;
 264 }
 265
 266
 267
 268 /* TICKET REQUEST */
 269 div#ticket-request {
 270     color:black;
 271     margin:25px auto;
 272 }
 273 .form-hint {
 274     font-size:11pt;
 275     font-style:italic;
 276     color:gray;
 277 }
 278 div#ticket-request p {
 279     margin:20px 0;
 280 }