karmaworld/assets/css/global.css

   1 body {
   2   font-family: 'adelle-sans';
   3   font-weight: lighter;
   4   word-wrap: break-word;
   5 }
   6
   7 .museo300 {
   8   font-family: 'museo300';
   9 }
  10
  11 .museo700 {
  12   font-family: 'museo700';
  13   font-weight: normal;
  14 }
  15
  16 .adelle-sans {
  17   font-family: 'adelle-sans';
  18 }
  19
  20 h1, h2, h3, h4, h5 {
  21   font-family: 'museo700';
  22 }
  23
  24 p {
  25   font-weight: inherit;
  26 }
  27
  28 .top-bar-section ul li > a {
  29   font-family: inherit;
  30   font-size: 1em;
  31 }
  32
  33 #main-header {
  34   background: #333333;
  35   color: #d4d4d4;
  36 }
  37
  38 #header-login-nav {
  39   text-align: right;
  40   color: #ffffff;
  41   background: #000000;
  42   padding: 3px 0 3px 0;
  43 }
  44
  45 #header-login-nav ul {
  46   color: #d4d4d4;
  47   font: 0.8em 'adelle-sans';
  48   list-style-type: none;
  49   margin: 0;
  50 }
  51
  52 #header-login-nav li {
  53   display: inline;
  54   padding: 0 5px 0 5px;
  55 }
  56
  57 .gradient-bar
  58 {
  59   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* Safari 4+, Chrome */
  60   background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  61   background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8); /* Firefox 3.6-15 */
  62   background-image: -o-linear-gradient(top, #ffffff, #e8e8e8); /* Opera 11.10-12.00 */
  63   background-image: linear-gradient(to bottom, #ffffff, #e8e8e8); /* Firefox 16+, IE10, Opera 12.50+ */
  64   border-bottom: solid 1px #bdbcbd;
  65 }
  66
  67 #global_footer {
  68   line-height: 1.5em;
  69   padding: 20px 0 20px 0;
  70   margin-top: 20px;
  71   background: #333333;
  72   color: #d4d4d4;
  73   font-size: 0.8em;
  74 }
  75
  76 label.inline-label
  77 {
  78   display: inline;
  79 }
  80
  81 button,
  82 .button {
  83   color: white;
  84   border: none;
  85   padding: 10px;
  86   border-radius: 0.1em;
  87   font-family: inherit;
  88   background: #333333;
  89   cursor: pointer;
  90 }
  91
  92 button.important {
  93   background: #f1592a;
  94 }
  95
  96 button:hover,
  97 button:focus,
  98 .button:hover,
  99 .button:focus {
 100   background: #f1592a;
 101 }
 102
 103 button.disabled,
 104 button.disabled:hover,
 105 button.disabled:focus
 106 .button.disable:hover,
 107 .button.disabled:focus, {
 108   background: #333333;
 109   color: #bcbdc0;
 110   cursor: default;
 111 }
 112
 113 button.inline-button {
 114   display: inline;
 115 }
 116
 117 .joyride-content-wrapper .button {
 118   background-color: #008CBA;
 119 }
 120
 121 a,
 122 a:hover,
 123 a:focus,
 124 a:visited {
 125   color: #802e16;
 126 }
 127
 128 a {
 129   text-decoration: none;
 130 }
 131
 132 a:hover,
 133 a:focus {
 134   text-decoration: underline;
 135 }
 136
 137 a.inherit-color {
 138   color: inherit;
 139 }
 140
 141 .inherit-color a {
 142   color: inherit;
 143 }
 144
 145 .underline a {
 146   text-decoration: underline;
 147 }
 148
 149 span.table-school {
 150   font-weight: bold;
 151 }
 152
 153 span.table-note-count,
 154 span.table-quiz-count,
 155 span.table-thanks-count {
 156   margin-right: 15px;
 157 }
 158
 159 .table-course-name {
 160   font-size: 1.8em;
 161   margin-right: 10px;
 162 }
 163
 164 table.dataTable {
 165   margin-bottom: 30px;
 166   border: none;
 167   table-layout: fixed;
 168 }
 169
 170 table.dataTable div.table-entry-first-line {
 171   font-size: 0.9em;
 172   margin: 0 0 5px 0;
 173 }
 174
 175 table.dataTable div.table-entry-third-line {
 176   font-size: 0.9em;
 177   margin: 5px 0 0 0;
 178 }
 179
 180 table.dataTable div.data-table-entry {
 181   margin: 20px 0 20px 0;
 182 }
 183
 184 table.dataTable a {
 185   color: inherit;
 186 }
 187
 188 .even {
 189   background: #fafafa;
 190   border-top: 1px solid #f0f0f0;
 191   border-bottom: 1px solid #f0f0f0;
 192 }
 193
 194 ul.ui-autocomplete {
 195   z-index: 1000;
 196 }
 197
 198 .ui-tabs-panel {
 199   border: none;
 200   border-top: 1px solid #dfdfdf;
 201   padding: 20px 10px 20px 10px;
 202 }
 203
 204 .ui-tabs-nav li {
 205   margin: 0 10px 0 10px;
 206   border: 1px solid #dfdfdf;
 207 }
 208
 209 #tabs {
 210   border: none;
 211 }
 212
 213 dl.tabs dd.active {
 214   border-radius: 3px;
 215 }
 216
 217 dl.tabs dd {
 218   margin: 0 10px 0px 10px;
 219   border: 1px solid #dfdfdf;
 220   border-bottom: none;
 221 }
 222
 223 dl.tabs dd,
 224 dl.tabs dd a {
 225   border-top-left-radius: 3px;
 226   border-top-right-radius: 3px;
 227 }
 228
 229 dl.tabs dd a {
 230   padding: 5px 10px 5px 10px;
 231 }
 232
 233 div.tabs-content {
 234   margin-top: -1px;
 235   border-top: 1px solid #dfdfdf;
 236 }
 237
 238 div.message-container {
 239   margin: 20px 0 0 0;
 240 }
 241
 242 ul.socialaccount_providers {
 243   list-style-type: none;
 244 }
 245
 246 ul.socialaccount_providers li{
 247   display: inline;
 248   margin: 0 5px 0 5px;
 249 }