karmaworld/assets/css/global.css

   1 body {
   2   font-family: 'adelle-sans';
   3   font-weight: lighter;
   4   word-wrap: break-word;
   5   background: #333333;
   6 }
   7
   8 .museo300 {
   9   font-family: 'museo300';
  10 }
  11
  12 .museo700 {
  13   font-family: 'museo700';
  14   font-weight: normal;
  15 }
  16
  17 .adelle-sans {
  18   font-family: 'adelle-sans';
  19 }
  20
  21 h1, h2, h3, h4, h5 {
  22   font-family: 'museo700';
  23 }
  24
  25 p {
  26   font-weight: inherit;
  27 }
  28
  29 .top-bar-section ul li > a {
  30   font-family: inherit;
  31   font-size: 1.2em;
  32   padding: 0;
  33 }
  34
  35 .top-bar-section ul li {
  36   margin-left: 20px;
  37   padding: 0;
  38 }
  39
  40 .top-bar-section ul li > a:hover {
  41   background: #ffffff !important;
  42   border-radius: 2px;
  43   color: #333333 !important;
  44   text-decoration: none !important;
  45   font-family: 'museo700';
  46 }
  47
  48 #content-container {
  49   background: #ffffff;
  50   padding-bottom: 10px;
  51 }
  52
  53 #main-header {
  54   background: #333333;
  55   color: #d4d4d4;
  56 }
  57
  58 div.contain-to-grid {
  59   padding: 5px 0 5px 0;
  60 }
  61
  62 @media only screen and (max-width: 500px) {
  63   div.contain-to-grid {
  64     padding: 0;
  65   }
  66   .top-bar-section ul li {
  67     padding: 10px;
  68     margin-left: 5px;
  69   }
  70 }
  71
  72 #header-login-nav {
  73   text-align: right;
  74   color: #ffffff;
  75   background: #000000;
  76   padding: 3px 0 3px 0;
  77 }
  78
  79 #header-login-nav ul {
  80   color: #d4d4d4;
  81   font: 0.8em 'adelle-sans';
  82   list-style-type: none;
  83   margin: 0;
  84 }
  85
  86 #header-login-nav li {
  87   display: inline;
  88   padding: 0 5px 0 5px;
  89 }
  90
  91 @media only screen and (max-width: 500px) {
  92   #splash {
  93     background-image: url('/static/img/banner_small.jpg');
  94   }
  95 }
  96
  97 #global_footer {
  98   line-height: 1.5em;
  99   color: #d4d4d4;
 100   font-size: 0.8em;
 101   padding: 20px 0 20px 0;
 102 }
 103
 104 .footer-row {
 105   margin-bottom: 10px;
 106 }
 107
 108 label.inline-label
 109 {
 110   display: inline;
 111 }
 112
 113 button,
 114 .button {
 115   color: white;
 116   border: none;
 117   padding: 10px;
 118   border-radius: 0.1em;
 119   font-family: inherit;
 120   background: #333333;
 121   cursor: pointer;
 122 }
 123
 124 button.important {
 125   background: #f1592a;
 126 }
 127
 128 button:hover,
 129 button:focus,
 130 .button:hover,
 131 .button:focus {
 132   background: #f1592a;
 133 }
 134
 135 button.disabled,
 136 button.disabled:hover,
 137 button.disabled:focus,
 138 .button.disabled,
 139 .button.disable:hover,
 140 .button.disabled:focus {
 141   background: #333333;
 142   color: #bcbdc0;
 143   cursor: default;
 144 }
 145
 146 button.inline-button {
 147   display: inline;
 148 }
 149
 150 button.scary {
 151   background-color: #F12A2A;
 152 }
 153
 154 .joyride-content-wrapper .button {
 155   background-color: #008CBA;
 156 }
 157
 158 a,
 159 a:hover,
 160 a:focus,
 161 a:visited {
 162   color: #802e16;
 163 }
 164
 165 a {
 166   text-decoration: none;
 167 }
 168
 169 a:hover,
 170 a:focus {
 171   text-decoration: underline;
 172 }
 173
 174 a.inherit-color {
 175   color: inherit;
 176 }
 177
 178 .inherit-color a {
 179   color: inherit;
 180 }
 181
 182 .underline a {
 183   text-decoration: underline;
 184 }
 185
 186 span.table-school {
 187   font-weight: bold;
 188 }
 189
 190 span.table-note-count,
 191 span.table-quiz-count,
 192 span.table-thanks-count {
 193   margin-right: 15px;
 194 }
 195
 196 .table-course-name {
 197   font-size: 1.8em;
 198   margin-right: 10px;
 199 }
 200
 201 table.dataTable {
 202   margin-bottom: 30px;
 203   border: none;
 204   table-layout: fixed;
 205 }
 206
 207 table.dataTable div.table-entry-first-line {
 208   font-size: 0.9em;
 209   margin: 0 0 5px 0;
 210 }
 211
 212 table.dataTable div.table-entry-third-line {
 213   font-size: 0.9em;
 214   margin: 5px 0 0 0;
 215 }
 216
 217 table.dataTable div.data-table-entry {
 218   margin: 20px 0 20px 0;
 219 }
 220
 221 table.dataTable a {
 222   color: inherit;
 223 }
 224
 225 .dataTables_paginate {
 226   float: left;
 227 }
 228
 229 table.dataTable .table-row.even .data-table-entry-wrapper,
 230 .even {
 231   background-color: #fafafa !important;
 232   border-top: 1px solid #f0f0f0;
 233   border-bottom: 1px solid #f0f0f0;
 234 }
 235
 236 .odd {
 237   background-color: transparent !important;
 238 }
 239
 240 td {
 241   background-color: inherit !important;
 242 }
 243
 244 ul.ui-autocomplete {
 245   z-index: 1000;
 246 }
 247
 248 .ui-tabs-panel {
 249   border: none;
 250   border-top: 1px solid #dfdfdf;
 251   padding: 20px 10px 20px 10px;
 252 }
 253
 254 .ui-tabs-nav li {
 255   margin: 0 10px 0 10px;
 256   border: 1px solid #dfdfdf;
 257 }
 258
 259 #tabs {
 260   border: none;
 261 }
 262
 263 dl.tabs dd.active {
 264   border-radius: 5px 5px 0 0;
 265   border: 1px solid #dfdfdf;
 266   border-bottom: none;
 267 }
 268
 269 dl.tabs dd {
 270   border-bottom: none;
 271   margin-left: 10px;
 272 }
 273
 274 dl.tabs dd,
 275 dl.tabs dd a,
 276 dl.tabs dd a:hover {
 277   border-top-left-radius: 3px;
 278   border-top-right-radius: 3px;
 279   background: transparent;
 280 }
 281
 282 dl.tabs dd a {
 283   padding: 5px 10px 5px 10px;
 284 }
 285
 286 div.tabs-content {
 287   margin-top: -1px;
 288   border-top: 1px solid #dfdfdf;
 289 }
 290
 291 ul.socialaccount_providers {
 292   list-style-type: none;
 293 }
 294
 295 ul.socialaccount_providers li{
 296   display: inline;
 297   margin: 0 5px 0 5px;
 298 }
 299
 300 .select-wrapper {
 301   border: 1px solid #cfcfcf;
 302   border-radius: 3px;
 303   width: 100%;
 304   height: 30px;
 305   overflow: hidden;
 306   background: url('/static/img/angle-down.png') no-repeat right #fff;
 307   margin: 5px 20px 20px 0;
 308 }
 309
 310 select,
 311 select:hover {
 312   width: 120%;
 313   height: 30px;
 314   background: transparent;
 315   border: 0px;
 316   padding: 5px;
 317 }
 318
 319 input.search {
 320   display: inline;
 321   font-size: 1.2em;
 322   font-family: 'adelle-sans';
 323   font-weight: lighter;
 324   border-radius: 3px 0 0 3px;
 325   width: calc(100% - 40px);
 326   height: 40px;
 327   margin-right: 0;
 328 }
 329
 330 i.search-icon,
 331 button.search-icon {
 332   background-color: black;
 333   color: white;
 334   height: 40px;
 335   width: 40px;
 336   vertical-align: top;
 337   padding: 12px;
 338   border-radius: 0 3px 3px 0;
 339   margin-left: -4px;
 340   margin-bottom: 0;
 341   cursor: pointer;
 342 }
 343
 344 .sort-label {
 345   font-size: 0.8em;
 346   font-weight: normal;
 347   margin-top: 10px;
 348 }
 349
 350 .filter-options {
 351   border-bottom: 1px solid #a9a9a9;
 352 }
 353
 354 .light {
 355   opacity: 0.8;
 356   font-size: 0.8em;
 357 }