server/php/basic/public_html/static/lib/foundation/css/foundation.css
author ymh <ymh.work@gmail.com>
Sun, 14 Jul 2024 22:00:08 +0200
changeset 666 9d6550026232
parent 442 adb907bba956
permissions -rw-r--r--
Added tag V00.13.04 for changeset 69d13e7dd286
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
442
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
meta.foundation-version {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
  font-family: "/5.5.2/"; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
meta.foundation-mq-small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
  font-family: "/only screen/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
  width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
meta.foundation-mq-small-only {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
  font-family: "/only screen and (max-width: 40em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
  width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
meta.foundation-mq-medium {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
  font-family: "/only screen and (min-width:40.0625em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
  width: 40.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
meta.foundation-mq-medium-only {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
  width: 40.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
meta.foundation-mq-large {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
  font-family: "/only screen and (min-width:64.0625em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
  width: 64.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
meta.foundation-mq-large-only {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
  width: 64.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
meta.foundation-mq-xlarge {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
  font-family: "/only screen and (min-width:90.0625em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
  width: 90.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
meta.foundation-mq-xlarge-only {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
  width: 90.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
meta.foundation-mq-xxlarge {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
  font-family: "/only screen and (min-width:120.0625em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
  width: 120.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
meta.foundation-data-attribute-namespace {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
  font-family: false; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
html, body {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
  height: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    46
html {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
  box-sizing: border-box; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    49
*,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    50
*:before,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
*:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
  -webkit-box-sizing: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
  -moz-box-sizing: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
  box-sizing: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    56
html,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    57
body {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
  font-size: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
body {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
  background: #fff;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
  color: #222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
  cursor: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    65
  font-style: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    66
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    67
  line-height: 1.5;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    68
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    69
  padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    70
  position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    71
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    72
a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    73
  cursor: pointer; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    74
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    75
img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    76
  max-width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    77
  height: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    78
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    79
img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    80
  -ms-interpolation-mode: bicubic; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    81
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    82
#map_canvas img,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    83
#map_canvas embed,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    84
#map_canvas object,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    85
.map_canvas img,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    86
.map_canvas embed,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    87
.map_canvas object,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    88
.mqa-display img,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    89
.mqa-display embed,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    90
.mqa-display object {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    91
  max-width: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    92
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    93
.left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    94
  float: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    95
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    96
.right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    97
  float: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    98
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
    99
.clearfix:before, .clearfix:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   100
  content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   101
  display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   102
.clearfix:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   103
  clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   104
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   105
.hide {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   106
  display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   107
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   108
.invisible {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   109
  visibility: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   110
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   111
.antialiased {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   112
  -webkit-font-smoothing: antialiased;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   113
  -moz-osx-font-smoothing: grayscale; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   114
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   115
img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   116
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   117
  vertical-align: middle; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   118
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   119
textarea {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   120
  height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   121
  min-height: 50px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   122
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   123
select {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   124
  width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   125
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   126
.row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   127
  margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   128
  max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   129
  width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   130
  .row:before, .row:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   131
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   132
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   133
  .row:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   134
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   135
  .row.collapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   136
  .row.collapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   137
    padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   138
    padding-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   139
  .row.collapse .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   140
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   141
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   142
  .row .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   143
    margin: 0 -0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   144
    max-width: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   145
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   146
    .row .row:before, .row .row:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   147
      content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   148
      display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   149
    .row .row:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   150
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   151
    .row .row.collapse {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   152
      margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   153
      max-width: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   154
      width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   155
      .row .row.collapse:before, .row .row.collapse:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   156
        content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   157
        display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   158
      .row .row.collapse:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   159
        clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   160
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   161
.column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   162
.columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   163
  padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   164
  padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   165
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   166
  float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   167
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   168
.column + .column:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   169
.columns + .column:last-child, .column +
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   170
.columns:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   171
.columns +
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   172
.columns:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   173
  float: right; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   174
.column + .column.end,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   175
.columns + .column.end, .column +
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   176
.columns.end,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   177
.columns +
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   178
.columns.end {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   179
  float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   180
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   181
@media only screen {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   182
  .small-push-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   183
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   184
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   185
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   186
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   187
  .small-pull-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   188
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   189
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   190
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   191
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   192
  .small-push-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   193
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   194
    left: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   195
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   196
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   197
  .small-pull-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   198
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   199
    right: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   200
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   201
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   202
  .small-push-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   203
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   204
    left: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   205
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   206
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   207
  .small-pull-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   208
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   209
    right: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   210
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   211
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   212
  .small-push-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   213
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   214
    left: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   215
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   216
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   217
  .small-pull-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   218
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   219
    right: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   220
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   221
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   222
  .small-push-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   223
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   224
    left: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   225
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   226
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   227
  .small-pull-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   228
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   229
    right: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   230
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   231
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   232
  .small-push-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   233
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   234
    left: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   235
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   236
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   237
  .small-pull-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   238
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   239
    right: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   240
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   241
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   242
  .small-push-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   243
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   244
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   245
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   246
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   247
  .small-pull-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   248
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   249
    right: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   250
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   251
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   252
  .small-push-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   253
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   254
    left: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   255
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   256
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   257
  .small-pull-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   258
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   259
    right: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   260
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   261
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   262
  .small-push-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   263
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   264
    left: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   265
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   266
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   267
  .small-pull-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   268
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   269
    right: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   270
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   271
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   272
  .small-push-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   273
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   274
    left: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   275
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   276
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   277
  .small-pull-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   278
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   279
    right: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   280
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   281
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   282
  .small-push-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   283
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   284
    left: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   285
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   286
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   287
  .small-pull-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   288
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   289
    right: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   290
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   291
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   292
  .small-push-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   293
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   294
    left: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   295
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   296
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   297
  .small-pull-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   298
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   299
    right: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   300
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   301
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   302
  .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   303
  .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   304
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   305
    padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   306
    padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   307
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   308
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   309
  .small-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   310
    width: 8.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   311
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   312
  .small-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   313
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   314
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   315
  .small-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   316
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   317
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   318
  .small-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   319
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   320
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   321
  .small-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   322
    width: 41.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   323
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   324
  .small-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   325
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   326
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   327
  .small-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   328
    width: 58.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   329
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   330
  .small-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   331
    width: 66.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   332
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   333
  .small-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   334
    width: 75%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   335
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   336
  .small-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   337
    width: 83.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   338
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   339
  .small-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   340
    width: 91.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   341
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   342
  .small-12 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   343
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   344
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   345
  .small-offset-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   346
    margin-left: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   347
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   348
  .small-offset-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   349
    margin-left: 8.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   350
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   351
  .small-offset-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   352
    margin-left: 16.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   353
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   354
  .small-offset-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   355
    margin-left: 25% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   356
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   357
  .small-offset-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   358
    margin-left: 33.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   359
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   360
  .small-offset-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   361
    margin-left: 41.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   362
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   363
  .small-offset-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   364
    margin-left: 50% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   365
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   366
  .small-offset-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   367
    margin-left: 58.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   368
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   369
  .small-offset-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   370
    margin-left: 66.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   371
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   372
  .small-offset-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   373
    margin-left: 75% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   374
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   375
  .small-offset-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   376
    margin-left: 83.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   377
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   378
  .small-offset-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   379
    margin-left: 91.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   380
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   381
  .small-reset-order {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   382
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   383
    left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   384
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   385
    margin-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   386
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   387
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   388
  .column.small-centered,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   389
  .columns.small-centered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   390
    margin-left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   391
    margin-right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   392
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   393
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   394
  .column.small-uncentered,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   395
  .columns.small-uncentered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   396
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   397
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   398
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   399
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   400
  .column.small-centered:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   401
  .columns.small-centered:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   402
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   403
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   404
  .column.small-uncentered:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   405
  .columns.small-uncentered:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   406
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   407
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   408
  .column.small-uncentered.opposite,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   409
  .columns.small-uncentered.opposite {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   410
    float: right; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   411
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   412
  .row.small-collapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   413
  .row.small-collapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   414
    padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   415
    padding-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   416
  .row.small-collapse .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   417
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   418
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   419
  .row.small-uncollapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   420
  .row.small-uncollapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   421
    padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   422
    padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   423
    float: left; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   424
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   425
  .medium-push-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   426
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   427
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   428
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   429
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   430
  .medium-pull-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   431
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   432
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   433
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   434
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   435
  .medium-push-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   436
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   437
    left: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   438
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   439
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   440
  .medium-pull-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   441
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   442
    right: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   443
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   444
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   445
  .medium-push-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   446
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   447
    left: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   448
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   449
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   450
  .medium-pull-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   451
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   452
    right: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   453
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   454
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   455
  .medium-push-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   456
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   457
    left: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   458
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   459
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   460
  .medium-pull-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   461
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   462
    right: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   463
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   464
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   465
  .medium-push-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   466
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   467
    left: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   468
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   469
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   470
  .medium-pull-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   471
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   472
    right: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   473
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   474
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   475
  .medium-push-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   476
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   477
    left: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   478
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   479
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   480
  .medium-pull-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   481
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   482
    right: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   483
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   484
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   485
  .medium-push-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   486
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   487
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   488
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   489
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   490
  .medium-pull-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   491
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   492
    right: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   493
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   494
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   495
  .medium-push-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   496
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   497
    left: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   498
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   499
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   500
  .medium-pull-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   501
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   502
    right: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   503
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   504
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   505
  .medium-push-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   506
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   507
    left: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   508
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   509
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   510
  .medium-pull-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   511
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   512
    right: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   513
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   514
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   515
  .medium-push-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   516
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   517
    left: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   518
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   519
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   520
  .medium-pull-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   521
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   522
    right: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   523
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   524
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   525
  .medium-push-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   526
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   527
    left: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   528
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   529
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   530
  .medium-pull-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   531
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   532
    right: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   533
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   534
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   535
  .medium-push-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   536
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   537
    left: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   538
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   539
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   540
  .medium-pull-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   541
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   542
    right: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   543
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   544
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   545
  .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   546
  .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   547
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   548
    padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   549
    padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   550
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   551
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   552
  .medium-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   553
    width: 8.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   554
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   555
  .medium-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   556
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   557
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   558
  .medium-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   559
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   560
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   561
  .medium-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   562
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   563
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   564
  .medium-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   565
    width: 41.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   566
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   567
  .medium-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   568
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   569
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   570
  .medium-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   571
    width: 58.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   572
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   573
  .medium-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   574
    width: 66.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   575
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   576
  .medium-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   577
    width: 75%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   578
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   579
  .medium-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   580
    width: 83.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   581
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   582
  .medium-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   583
    width: 91.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   584
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   585
  .medium-12 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   586
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   587
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   588
  .medium-offset-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   589
    margin-left: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   590
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   591
  .medium-offset-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   592
    margin-left: 8.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   593
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   594
  .medium-offset-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   595
    margin-left: 16.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   596
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   597
  .medium-offset-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   598
    margin-left: 25% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   599
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   600
  .medium-offset-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   601
    margin-left: 33.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   602
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   603
  .medium-offset-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   604
    margin-left: 41.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   605
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   606
  .medium-offset-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   607
    margin-left: 50% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   608
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   609
  .medium-offset-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   610
    margin-left: 58.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   611
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   612
  .medium-offset-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   613
    margin-left: 66.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   614
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   615
  .medium-offset-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   616
    margin-left: 75% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   617
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   618
  .medium-offset-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   619
    margin-left: 83.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   620
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   621
  .medium-offset-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   622
    margin-left: 91.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   623
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   624
  .medium-reset-order {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   625
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   626
    left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   627
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   628
    margin-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   629
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   630
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   631
  .column.medium-centered,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   632
  .columns.medium-centered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   633
    margin-left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   634
    margin-right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   635
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   636
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   637
  .column.medium-uncentered,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   638
  .columns.medium-uncentered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   639
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   640
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   641
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   642
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   643
  .column.medium-centered:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   644
  .columns.medium-centered:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   645
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   646
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   647
  .column.medium-uncentered:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   648
  .columns.medium-uncentered:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   649
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   650
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   651
  .column.medium-uncentered.opposite,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   652
  .columns.medium-uncentered.opposite {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   653
    float: right; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   654
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   655
  .row.medium-collapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   656
  .row.medium-collapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   657
    padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   658
    padding-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   659
  .row.medium-collapse .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   660
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   661
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   662
  .row.medium-uncollapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   663
  .row.medium-uncollapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   664
    padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   665
    padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   666
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   667
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   668
  .push-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   669
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   670
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   671
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   672
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   673
  .pull-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   674
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   675
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   676
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   677
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   678
  .push-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   679
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   680
    left: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   681
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   682
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   683
  .pull-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   684
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   685
    right: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   686
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   687
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   688
  .push-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   689
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   690
    left: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   691
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   692
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   693
  .pull-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   694
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   695
    right: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   696
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   697
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   698
  .push-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   699
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   700
    left: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   701
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   702
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   703
  .pull-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   704
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   705
    right: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   706
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   707
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   708
  .push-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   709
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   710
    left: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   711
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   712
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   713
  .pull-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   714
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   715
    right: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   716
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   717
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   718
  .push-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   719
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   720
    left: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   721
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   722
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   723
  .pull-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   724
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   725
    right: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   726
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   727
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   728
  .push-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   729
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   730
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   731
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   732
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   733
  .pull-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   734
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   735
    right: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   736
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   737
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   738
  .push-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   739
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   740
    left: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   741
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   742
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   743
  .pull-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   744
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   745
    right: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   746
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   747
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   748
  .push-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   749
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   750
    left: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   751
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   752
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   753
  .pull-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   754
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   755
    right: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   756
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   757
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   758
  .push-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   759
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   760
    left: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   761
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   762
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   763
  .pull-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   764
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   765
    right: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   766
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   767
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   768
  .push-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   769
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   770
    left: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   771
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   772
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   773
  .pull-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   774
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   775
    right: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   776
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   777
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   778
  .push-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   779
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   780
    left: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   781
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   782
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   783
  .pull-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   784
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   785
    right: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   786
    left: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   787
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   788
  .large-push-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   789
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   790
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   791
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   792
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   793
  .large-pull-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   794
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   795
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   796
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   797
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   798
  .large-push-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   799
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   800
    left: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   801
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   802
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   803
  .large-pull-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   804
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   805
    right: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   806
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   807
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   808
  .large-push-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   809
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   810
    left: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   811
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   812
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   813
  .large-pull-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   814
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   815
    right: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   816
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   817
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   818
  .large-push-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   819
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   820
    left: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   821
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   822
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   823
  .large-pull-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   824
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   825
    right: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   826
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   827
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   828
  .large-push-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   829
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   830
    left: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   831
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   832
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   833
  .large-pull-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   834
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   835
    right: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   836
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   837
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   838
  .large-push-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   839
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   840
    left: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   841
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   842
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   843
  .large-pull-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   844
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   845
    right: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   846
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   847
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   848
  .large-push-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   849
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   850
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   851
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   852
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   853
  .large-pull-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   854
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   855
    right: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   856
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   857
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   858
  .large-push-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   859
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   860
    left: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   861
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   862
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   863
  .large-pull-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   864
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   865
    right: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   866
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   867
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   868
  .large-push-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   869
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   870
    left: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   871
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   872
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   873
  .large-pull-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   874
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   875
    right: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   876
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   877
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   878
  .large-push-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   879
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   880
    left: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   881
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   882
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   883
  .large-pull-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   884
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   885
    right: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   886
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   887
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   888
  .large-push-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   889
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   890
    left: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   891
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   892
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   893
  .large-pull-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   894
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   895
    right: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   896
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   897
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   898
  .large-push-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   899
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   900
    left: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   901
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   902
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   903
  .large-pull-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   904
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   905
    right: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   906
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   907
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   908
  .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   909
  .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   910
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   911
    padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   912
    padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   913
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   914
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   915
  .large-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   916
    width: 8.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   917
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   918
  .large-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   919
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   920
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   921
  .large-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   922
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   923
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   924
  .large-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   925
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   926
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   927
  .large-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   928
    width: 41.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   929
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   930
  .large-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   931
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   932
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   933
  .large-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   934
    width: 58.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   935
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   936
  .large-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   937
    width: 66.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   938
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   939
  .large-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   940
    width: 75%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   941
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   942
  .large-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   943
    width: 83.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   944
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   945
  .large-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   946
    width: 91.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   947
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   948
  .large-12 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   949
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   950
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   951
  .large-offset-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   952
    margin-left: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   953
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   954
  .large-offset-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   955
    margin-left: 8.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   956
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   957
  .large-offset-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   958
    margin-left: 16.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   959
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   960
  .large-offset-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   961
    margin-left: 25% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   962
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   963
  .large-offset-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   964
    margin-left: 33.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   965
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   966
  .large-offset-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   967
    margin-left: 41.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   968
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   969
  .large-offset-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   970
    margin-left: 50% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   971
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   972
  .large-offset-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   973
    margin-left: 58.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   974
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   975
  .large-offset-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   976
    margin-left: 66.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   977
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   978
  .large-offset-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   979
    margin-left: 75% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   980
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   981
  .large-offset-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   982
    margin-left: 83.33333% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   983
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   984
  .large-offset-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   985
    margin-left: 91.66667% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   986
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   987
  .large-reset-order {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   988
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   989
    left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   990
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   991
    margin-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   992
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   993
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   994
  .column.large-centered,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   995
  .columns.large-centered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   996
    margin-left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   997
    margin-right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   998
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
   999
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1000
  .column.large-uncentered,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1001
  .columns.large-uncentered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1002
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1003
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1004
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1005
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1006
  .column.large-centered:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1007
  .columns.large-centered:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1008
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1009
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1010
  .column.large-uncentered:last-child,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1011
  .columns.large-uncentered:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1012
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1013
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1014
  .column.large-uncentered.opposite,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1015
  .columns.large-uncentered.opposite {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1016
    float: right; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1017
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1018
  .row.large-collapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1019
  .row.large-collapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1020
    padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1021
    padding-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1022
  .row.large-collapse .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1023
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1024
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1025
  .row.large-uncollapse > .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1026
  .row.large-uncollapse > .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1027
    padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1028
    padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1029
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1030
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1031
  .push-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1032
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1033
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1034
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1035
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1036
  .pull-0 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1037
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1038
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1039
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1040
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1041
  .push-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1042
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1043
    left: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1044
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1045
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1046
  .pull-1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1047
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1048
    right: 8.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1049
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1050
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1051
  .push-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1052
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1053
    left: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1054
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1055
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1056
  .pull-2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1057
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1058
    right: 16.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1059
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1060
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1061
  .push-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1062
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1063
    left: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1064
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1065
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1066
  .pull-3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1067
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1068
    right: 25%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1069
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1070
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1071
  .push-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1072
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1073
    left: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1074
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1075
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1076
  .pull-4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1077
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1078
    right: 33.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1079
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1080
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1081
  .push-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1082
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1083
    left: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1084
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1085
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1086
  .pull-5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1087
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1088
    right: 41.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1089
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1090
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1091
  .push-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1092
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1093
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1094
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1095
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1096
  .pull-6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1097
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1098
    right: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1099
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1100
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1101
  .push-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1102
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1103
    left: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1104
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1105
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1106
  .pull-7 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1107
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1108
    right: 58.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1109
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1110
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1111
  .push-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1112
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1113
    left: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1114
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1115
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1116
  .pull-8 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1117
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1118
    right: 66.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1119
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1120
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1121
  .push-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1122
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1123
    left: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1124
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1125
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1126
  .pull-9 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1127
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1128
    right: 75%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1129
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1130
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1131
  .push-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1132
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1133
    left: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1134
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1135
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1136
  .pull-10 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1137
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1138
    right: 83.33333%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1139
    left: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1140
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1141
  .push-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1142
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1143
    left: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1144
    right: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1145
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1146
  .pull-11 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1147
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1148
    right: 91.66667%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1149
    left: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1150
button, .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1151
  -webkit-appearance: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1152
  -moz-appearance: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1153
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1154
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1155
  border-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1156
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1157
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1158
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1159
  line-height: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1160
  margin: 0 0 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1161
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1162
  text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1163
  text-decoration: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1164
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1165
  padding: 1rem 2rem 1.0625rem 2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1166
  font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1167
  background-color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1168
  border-color: #007095;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1169
  color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1170
  transition: background-color 300ms ease-out; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1171
  button:hover, button:focus, .button:hover, .button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1172
    background-color: #007095; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1173
  button:hover, button:focus, .button:hover, .button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1174
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1175
  button.secondary, .button.secondary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1176
    background-color: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1177
    border-color: #b9b9b9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1178
    color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1179
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1180
      background-color: #b9b9b9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1181
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1182
      color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1183
  button.success, .button.success {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1184
    background-color: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1185
    border-color: #368a55;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1186
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1187
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1188
      background-color: #368a55; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1189
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1190
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1191
  button.alert, .button.alert {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1192
    background-color: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1193
    border-color: #cf2a0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1194
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1195
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1196
      background-color: #cf2a0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1197
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1198
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1199
  button.warning, .button.warning {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1200
    background-color: #f08a24;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1201
    border-color: #cf6e0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1202
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1203
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1204
      background-color: #cf6e0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1205
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1206
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1207
  button.info, .button.info {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1208
    background-color: #a0d3e8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1209
    border-color: #61b6d9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1210
    color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1211
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1212
      background-color: #61b6d9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1213
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1214
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1215
  button.large, .button.large {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1216
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1217
    font-size: 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1218
  button.small, .button.small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1219
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1220
    font-size: 0.8125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1221
  button.tiny, .button.tiny {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1222
    padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1223
    font-size: 0.6875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1224
  button.expand, .button.expand {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1225
    padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1226
    padding-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1227
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1228
  button.left-align, .button.left-align {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1229
    text-align: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1230
    text-indent: 0.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1231
  button.right-align, .button.right-align {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1232
    text-align: right;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1233
    padding-right: 0.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1234
  button.radius, .button.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1235
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1236
  button.round, .button.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1237
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1238
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1239
    background-color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1240
    border-color: #007095;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1241
    color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1242
    box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1243
    cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1244
    opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1245
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1246
      background-color: #007095; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1247
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1248
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1249
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1250
      background-color: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1251
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1252
      background-color: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1253
      border-color: #b9b9b9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1254
      color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1255
      box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1256
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1257
      opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1258
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1259
        background-color: #b9b9b9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1260
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1261
        color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1262
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1263
        background-color: #e7e7e7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1264
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1265
      background-color: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1266
      border-color: #368a55;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1267
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1268
      box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1269
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1270
      opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1271
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1272
        background-color: #368a55; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1273
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1274
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1275
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1276
        background-color: #43AC6A; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1277
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1278
      background-color: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1279
      border-color: #cf2a0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1280
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1281
      box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1282
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1283
      opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1284
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1285
        background-color: #cf2a0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1286
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1287
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1288
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1289
        background-color: #f04124; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1290
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1291
      background-color: #f08a24;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1292
      border-color: #cf6e0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1293
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1294
      box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1295
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1296
      opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1297
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1298
        background-color: #cf6e0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1299
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1300
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1301
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1302
        background-color: #f08a24; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1303
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1304
      background-color: #a0d3e8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1305
      border-color: #61b6d9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1306
      color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1307
      box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1308
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1309
      opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1310
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1311
        background-color: #61b6d9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1312
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1313
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1314
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1315
        background-color: #a0d3e8; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1316
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1317
button::-moz-focus-inner {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1318
  border: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1319
  padding: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1320
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1321
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1322
  button, .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1323
    display: inline-block; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1324
/* Standard Forms */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1325
form {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1326
  margin: 0 0 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1327
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1328
/* Using forms within rows, we need to set some defaults */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1329
form .row .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1330
  margin: 0 -0.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1331
  form .row .row .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1332
  form .row .row .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1333
    padding: 0 0.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1334
  form .row .row.collapse {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1335
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1336
    form .row .row.collapse .column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1337
    form .row .row.collapse .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1338
      padding: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1339
    form .row .row.collapse input {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1340
      -webkit-border-bottom-right-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1341
      -webkit-border-top-right-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1342
      border-bottom-right-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1343
      border-top-right-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1344
form .row input.column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1345
form .row input.columns,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1346
form .row textarea.column,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1347
form .row textarea.columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1348
  padding-left: 0.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1349
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1350
/* Label Styles */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1351
label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1352
  color: #4d4d4d;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1353
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1354
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1355
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1356
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1357
  line-height: 1.5;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1358
  margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1359
  /* Styles for required inputs */ }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1360
  label.right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1361
    float: none !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1362
    text-align: right; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1363
  label.inline {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1364
    margin: 0 0 1rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1365
    padding: 0.5625rem 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1366
  label small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1367
    text-transform: capitalize;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1368
    color: #676767; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1369
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1370
/* Attach elements to the beginning or end of an input */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1371
.prefix,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1372
.postfix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1373
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1374
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1375
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1376
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1377
  height: 2.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1378
  line-height: 2.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1379
  overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1380
  padding-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1381
  padding-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1382
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1383
  text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1384
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1385
  z-index: 2; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1386
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1387
/* Adjust padding, alignment and radius if pre/post element is a button */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1388
.postfix.button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1389
  border-color: true; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1390
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1391
.prefix.button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1392
  border: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1393
  padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1394
  padding-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1395
  padding-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1396
  padding-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1397
  text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1398
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1399
.prefix.button.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1400
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1401
  -webkit-border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1402
  -webkit-border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1403
  border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1404
  border-top-left-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1405
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1406
.postfix.button.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1407
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1408
  -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1409
  -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1410
  border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1411
  border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1412
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1413
.prefix.button.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1414
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1415
  -webkit-border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1416
  -webkit-border-top-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1417
  border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1418
  border-top-left-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1419
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1420
.postfix.button.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1421
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1422
  -webkit-border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1423
  -webkit-border-top-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1424
  border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1425
  border-top-right-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1426
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1427
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1428
span.prefix, label.prefix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1429
  background: #f2f2f2;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1430
  border-right: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1431
  color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1432
  border-color: #cccccc; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1433
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1434
span.postfix, label.postfix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1435
  background: #f2f2f2;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1436
  color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1437
  border-color: #cccccc; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1438
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1439
/* We use this to get basic styling on all basic form elements */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1440
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1441
  -webkit-appearance: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1442
  -moz-appearance: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1443
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1444
  background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1445
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1446
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1447
  border-color: #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1448
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1449
  color: rgba(0, 0, 0, 0.75);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1450
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1451
  font-family: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1452
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1453
  height: 2.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1454
  margin: 0 0 1rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1455
  padding: 0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1456
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1457
  -webkit-box-sizing: border-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1458
  -moz-box-sizing: border-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1459
  box-sizing: border-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1460
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1461
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1462
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1463
  -o-transition: border-color 0.15s linear, background 0.15s linear;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1464
  transition: border-color 0.15s linear, background 0.15s linear; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1465
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1466
    background: #fafafa;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1467
    border-color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1468
    outline: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1469
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1470
    background-color: #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1471
    cursor: default; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1472
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1473
    background-color: #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1474
    cursor: default; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1475
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1476
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1477
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1478
form .row .prefix-radius.row.collapse input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1479
form .row .prefix-radius.row.collapse textarea,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1480
form .row .prefix-radius.row.collapse select,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1481
form .row .prefix-radius.row.collapse button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1482
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1483
  -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1484
  -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1485
  border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1486
  border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1487
form .row .prefix-radius.row.collapse .prefix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1488
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1489
  -webkit-border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1490
  -webkit-border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1491
  border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1492
  border-top-left-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1493
form .row .postfix-radius.row.collapse input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1494
form .row .postfix-radius.row.collapse textarea,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1495
form .row .postfix-radius.row.collapse select,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1496
form .row .postfix-radius.row.collapse button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1497
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1498
  -webkit-border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1499
  -webkit-border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1500
  border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1501
  border-top-left-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1502
form .row .postfix-radius.row.collapse .postfix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1503
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1504
  -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1505
  -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1506
  border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1507
  border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1508
form .row .prefix-round.row.collapse input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1509
form .row .prefix-round.row.collapse textarea,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1510
form .row .prefix-round.row.collapse select,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1511
form .row .prefix-round.row.collapse button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1512
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1513
  -webkit-border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1514
  -webkit-border-top-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1515
  border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1516
  border-top-right-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1517
form .row .prefix-round.row.collapse .prefix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1518
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1519
  -webkit-border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1520
  -webkit-border-top-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1521
  border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1522
  border-top-left-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1523
form .row .postfix-round.row.collapse input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1524
form .row .postfix-round.row.collapse textarea,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1525
form .row .postfix-round.row.collapse select,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1526
form .row .postfix-round.row.collapse button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1527
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1528
  -webkit-border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1529
  -webkit-border-top-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1530
  border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1531
  border-top-left-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1532
form .row .postfix-round.row.collapse .postfix {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1533
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1534
  -webkit-border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1535
  -webkit-border-top-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1536
  border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1537
  border-top-right-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1538
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1539
input[type="submit"] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1540
  -webkit-appearance: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1541
  -moz-appearance: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1542
  border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1543
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1544
/* Respect enforced amount of rows for textarea */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1545
textarea[rows] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1546
  height: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1547
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1548
/* Not allow resize out of parent */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1549
textarea {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1550
  max-width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1551
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1552
::-webkit-input-placeholder {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1553
  color: #cccccc; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1554
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1555
:-moz-placeholder {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1556
  /* Firefox 18- */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1557
  color: #cccccc; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1558
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1559
::-moz-placeholder {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1560
  /* Firefox 19+ */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1561
  color: #cccccc; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1562
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1563
:-ms-input-placeholder {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1564
  color: #cccccc; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1565
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1566
/* Add height value for select elements to match text input height */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1567
select {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1568
  -webkit-appearance: none !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1569
  -moz-appearance: none !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1570
  background-color: #FAFAFA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1571
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1572
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1573
  background-position: 100% center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1574
  background-repeat: no-repeat;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1575
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1576
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1577
  border-color: #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1578
  color: rgba(0, 0, 0, 0.75);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1579
  font-family: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1580
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1581
  line-height: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1582
  padding: 0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1583
  border-radius: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1584
  height: 2.3125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1585
  select::-ms-expand {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1586
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1587
  select.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1588
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1589
  select:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1590
    background-color: #f3f3f3;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1591
    border-color: #999999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1592
  select:disabled {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1593
    background-color: #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1594
    cursor: default; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1595
  select[multiple] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1596
    height: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1597
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1598
/* Adjust margin for form elements below */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1599
input[type="file"],
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1600
input[type="checkbox"],
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1601
input[type="radio"],
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1602
select {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1603
  margin: 0 0 1rem 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1604
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1605
input[type="checkbox"] + label,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1606
input[type="radio"] + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1607
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1608
  margin-left: 0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1609
  margin-right: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1610
  margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1611
  vertical-align: baseline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1612
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1613
/* Normalize file input width */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1614
input[type="file"] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1615
  width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1616
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1617
/* HTML5 Number spinners settings */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1618
/* We add basic fieldset styling */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1619
fieldset {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1620
  border: 1px solid #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1621
  margin: 1.125rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1622
  padding: 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1623
  fieldset legend {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1624
    background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1625
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1626
    margin-left: -0.1875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1627
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1628
    padding: 0 0.1875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1629
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1630
/* Error Handling */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1631
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1632
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1633
  font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1634
  font-style: italic;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1635
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1636
  margin-bottom: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1637
  margin-top: -1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1638
  padding: 0.375rem 0.5625rem 0.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1639
  background: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1640
  color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1641
[data-abide] span.error, [data-abide] small.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1642
  display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1643
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1644
span.error, small.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1645
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1646
  font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1647
  font-style: italic;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1648
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1649
  margin-bottom: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1650
  margin-top: -1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1651
  padding: 0.375rem 0.5625rem 0.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1652
  background: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1653
  color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1654
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1655
.error input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1656
.error textarea,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1657
.error select {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1658
  margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1659
.error input[type="checkbox"],
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1660
.error input[type="radio"] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1661
  margin-bottom: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1662
.error label,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1663
.error label.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1664
  color: #f04124; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1665
.error small.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1666
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1667
  font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1668
  font-style: italic;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1669
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1670
  margin-bottom: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1671
  margin-top: -1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1672
  padding: 0.375rem 0.5625rem 0.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1673
  background: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1674
  color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1675
.error > label > small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1676
  background: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1677
  color: #676767;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1678
  display: inline;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1679
  font-size: 60%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1680
  font-style: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1681
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1682
  padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1683
  text-transform: capitalize; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1684
.error span.error-message {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1685
  display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1686
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1687
input.error,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1688
textarea.error,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1689
select.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1690
  margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1691
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1692
label.error {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1693
  color: #f04124; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1694
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1695
meta.foundation-mq-topbar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1696
  font-family: "/only screen and (min-width:40.0625em)/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1697
  width: 40.0625em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1698
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1699
/* Wrapped around .top-bar to contain to grid width */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1700
.contain-to-grid {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1701
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1702
  background: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1703
  .contain-to-grid .top-bar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1704
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1705
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1706
.fixed {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1707
  position: fixed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1708
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1709
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1710
  z-index: 99;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1711
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1712
  .fixed.expanded:not(.top-bar) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1713
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1714
    max-height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1715
    overflow-y: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1716
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1717
    .fixed.expanded:not(.top-bar) .title-area {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1718
      position: fixed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1719
      width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1720
      z-index: 99; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1721
    .fixed.expanded:not(.top-bar) .top-bar-section {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1722
      margin-top: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1723
      z-index: 98; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1724
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1725
.top-bar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1726
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1727
  height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1728
  line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1729
  margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1730
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1731
  position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1732
  .top-bar ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1733
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1734
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1735
  .top-bar .row {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1736
    max-width: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1737
  .top-bar form,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1738
  .top-bar input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1739
  .top-bar select {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1740
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1741
  .top-bar input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1742
  .top-bar select {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1743
    font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1744
    height: 1.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1745
    padding-bottom: .35rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1746
    padding-top: .35rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1747
  .top-bar .button, .top-bar button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1748
    font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1749
    margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1750
    padding-bottom: 0.4125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1751
    padding-top: 0.4125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1752
    @media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1753
      .top-bar .button, .top-bar button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1754
        position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1755
        top: -1px; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1756
  .top-bar .title-area {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1757
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1758
    position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1759
  .top-bar .name {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1760
    font-size: 16px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1761
    height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1762
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1763
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1764
      font-size: 1.0625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1765
      line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1766
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1767
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1768
        color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1769
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1770
        font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1771
        padding: 0 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1772
        width: 75%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1773
  .top-bar .toggle-topbar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1774
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1775
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1776
    top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1777
    .top-bar .toggle-topbar a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1778
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1779
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1780
      font-size: 0.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1781
      font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1782
      height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1783
      line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1784
      padding: 0 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1785
      position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1786
      text-transform: uppercase; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1787
    .top-bar .toggle-topbar.menu-icon {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1788
      margin-top: -16px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1789
      top: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1790
      .top-bar .toggle-topbar.menu-icon a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1791
        color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1792
        height: 34px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1793
        line-height: 33px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1794
        padding: 0 2.5rem 0 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1795
        position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1796
        .top-bar .toggle-topbar.menu-icon a span::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1797
          content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1798
          display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1799
          height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1800
          position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1801
          margin-top: -8px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1802
          top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1803
          right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1804
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1805
          width: 16px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1806
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1807
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1808
  .top-bar.expanded {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1809
    background: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1810
    height: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1811
    .top-bar.expanded .title-area {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1812
      background: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1813
    .top-bar.expanded .toggle-topbar a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1814
      color: #888888; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1815
      .top-bar.expanded .toggle-topbar a span::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1816
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1817
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1818
      .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1819
      .top-bar.expanded .top-bar-section .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1820
        clip: initial; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1821
      .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1822
        padding: 0; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1823
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1824
.top-bar-section {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1825
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1826
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1827
  width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1828
  transition: left 300ms ease-out; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1829
  .top-bar-section ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1830
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1831
    font-size: 16px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1832
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1833
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1834
    padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1835
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1836
  .top-bar-section .divider,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1837
  .top-bar-section [role="separator"] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1838
    border-top: solid 1px #1a1a1a;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1839
    clear: both;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1840
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1841
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1842
  .top-bar-section ul li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1843
    background: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1844
    .top-bar-section ul li > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1845
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1846
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1847
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1848
      font-size: 0.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1849
      font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1850
      padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1851
      padding: 12px 0 12px 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1852
      text-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1853
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1854
      .top-bar-section ul li > a.button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1855
        font-size: 0.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1856
        padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1857
        padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1858
        background-color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1859
        border-color: #007095;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1860
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1861
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1862
          background-color: #007095; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1863
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1864
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1865
      .top-bar-section ul li > a.button.secondary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1866
        background-color: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1867
        border-color: #b9b9b9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1868
        color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1869
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1870
          background-color: #b9b9b9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1871
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1872
          color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1873
      .top-bar-section ul li > a.button.success {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1874
        background-color: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1875
        border-color: #368a55;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1876
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1877
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1878
          background-color: #368a55; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1879
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1880
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1881
      .top-bar-section ul li > a.button.alert {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1882
        background-color: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1883
        border-color: #cf2a0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1884
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1885
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1886
          background-color: #cf2a0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1887
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1888
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1889
      .top-bar-section ul li > a.button.warning {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1890
        background-color: #f08a24;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1891
        border-color: #cf6e0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1892
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1893
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1894
          background-color: #cf6e0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1895
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1896
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1897
      .top-bar-section ul li > a.button.info {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1898
        background-color: #a0d3e8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1899
        border-color: #61b6d9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1900
        color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1901
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1902
          background-color: #61b6d9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1903
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1904
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1905
    .top-bar-section ul li > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1906
      font-size: 0.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1907
      padding-left: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1908
      padding-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1909
      background-color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1910
      border-color: #007095;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1911
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1912
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1913
        background-color: #007095; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1914
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1915
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1916
      .top-bar-section ul li > button.secondary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1917
        background-color: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1918
        border-color: #b9b9b9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1919
        color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1920
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1921
          background-color: #b9b9b9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1922
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1923
          color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1924
      .top-bar-section ul li > button.success {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1925
        background-color: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1926
        border-color: #368a55;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1927
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1928
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1929
          background-color: #368a55; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1930
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1931
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1932
      .top-bar-section ul li > button.alert {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1933
        background-color: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1934
        border-color: #cf2a0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1935
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1936
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1937
          background-color: #cf2a0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1938
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1939
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1940
      .top-bar-section ul li > button.warning {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1941
        background-color: #f08a24;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1942
        border-color: #cf6e0e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1943
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1944
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1945
          background-color: #cf6e0e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1946
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1947
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1948
      .top-bar-section ul li > button.info {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1949
        background-color: #a0d3e8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1950
        border-color: #61b6d9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1951
        color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1952
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1953
          background-color: #61b6d9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1954
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1955
          color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1956
    .top-bar-section ul li:hover:not(.has-form) > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1957
      background-color: #555555;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1958
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1959
      background: #222222; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1960
    .top-bar-section ul li.active > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1961
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1962
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1963
      .top-bar-section ul li.active > a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1964
        background: #0078a0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1965
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1966
  .top-bar-section .has-form {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1967
    padding: 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1968
  .top-bar-section .has-dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1969
    position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1970
    .top-bar-section .has-dropdown > a:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1971
      border: inset 5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1972
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1973
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1974
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1975
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1976
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1977
      border-left-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1978
      margin-right: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1979
      margin-top: -4.5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1980
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1981
      top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1982
      right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1983
    .top-bar-section .has-dropdown.moved {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1984
      position: static; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1985
      .top-bar-section .has-dropdown.moved > .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1986
        position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1987
        height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1988
        width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1989
        overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1990
        clip: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1991
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1992
        position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1993
        width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1994
      .top-bar-section .has-dropdown.moved > a:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1995
        display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1996
  .top-bar-section .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1997
    clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1998
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  1999
    overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2000
    position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2001
    width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2002
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2003
    padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2004
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2005
    top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2006
    z-index: 99;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2007
    left: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2008
    .top-bar-section .dropdown li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2009
      height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2010
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2011
      .top-bar-section .dropdown li a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2012
        font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2013
        padding: 8px 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2014
        .top-bar-section .dropdown li a.parent-link {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2015
          font-weight: normal; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2016
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2017
        margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2018
        margin-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2019
        font-size: 1.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2020
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2021
          color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2022
          display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2023
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2024
            background: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2025
      .top-bar-section .dropdown li.has-form {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2026
        padding: 8px 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2027
      .top-bar-section .dropdown li .button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2028
      .top-bar-section .dropdown li button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2029
        top: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2030
    .top-bar-section .dropdown label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2031
      color: #777777;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2032
      font-size: 0.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2033
      font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2034
      margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2035
      padding: 8px 0.9375rem 2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2036
      text-transform: uppercase; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2037
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2038
.js-generated {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2039
  display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2040
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2041
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2042
  .top-bar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2043
    background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2044
    overflow: visible; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2045
    .top-bar:before, .top-bar:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2046
      content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2047
      display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2048
    .top-bar:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2049
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2050
    .top-bar .toggle-topbar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2051
      display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2052
    .top-bar .title-area {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2053
      float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2054
    .top-bar .name h1 a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2055
    .top-bar .name h2 a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2056
    .top-bar .name h3 a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2057
    .top-bar .name h4 a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2058
    .top-bar .name h5 a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2059
    .top-bar .name h6 a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2060
      width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2061
    .top-bar input,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2062
    .top-bar select,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2063
    .top-bar .button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2064
    .top-bar button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2065
      font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2066
      height: 1.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2067
      position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2068
      top: 0.53125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2069
    .top-bar.expanded {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2070
      background: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2071
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2072
  .contain-to-grid .top-bar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2073
    margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2074
    margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2075
    max-width: 62.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2076
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2077
  .top-bar-section {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2078
    transition: none 0 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2079
    left: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2080
    .top-bar-section ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2081
      display: inline;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2082
      height: auto !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2083
      width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2084
      .top-bar-section ul li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2085
        float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2086
        .top-bar-section ul li .js-generated {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2087
          display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2088
    .top-bar-section li.hover > a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2089
      background-color: #555555;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2090
      background: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2091
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2092
    .top-bar-section li:not(.has-form) a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2093
      background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2094
      line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2095
      padding: 0 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2096
      .top-bar-section li:not(.has-form) a:not(.button):hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2097
        background-color: #555555;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2098
        background: #222222; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2099
    .top-bar-section li.active:not(.has-form) a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2100
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2101
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2102
      line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2103
      padding: 0 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2104
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2105
        background: #0078a0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2106
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2107
    .top-bar-section .has-dropdown > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2108
      padding-right: 2.1875rem !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2109
      .top-bar-section .has-dropdown > a:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2110
        border: inset 5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2111
        content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2112
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2113
        height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2114
        width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2115
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2116
        border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2117
        margin-top: -2.5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2118
        top: 1.40625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2119
    .top-bar-section .has-dropdown.moved {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2120
      position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2121
      .top-bar-section .has-dropdown.moved > .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2122
        clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2123
        height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2124
        overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2125
        position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2126
        width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2127
        display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2128
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2129
      position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2130
      height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2131
      width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2132
      overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2133
      clip: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2134
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2135
      position: absolute !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2136
    .top-bar-section .has-dropdown > a:focus + .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2137
      position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2138
      height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2139
      width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2140
      overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2141
      clip: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2142
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2143
      position: absolute !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2144
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2145
      border: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2146
      content: "\00bb";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2147
      top: 0.1875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2148
      right: 5px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2149
    .top-bar-section .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2150
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2151
      background: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2152
      min-width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2153
      top: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2154
      .top-bar-section .dropdown li a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2155
        background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2156
        color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2157
        line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2158
        padding: 12px 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2159
        white-space: nowrap; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2160
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2161
        background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2162
        color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2163
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2164
        background-color: #555555;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2165
        color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2166
        background: #222222; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2167
      .top-bar-section .dropdown li label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2168
        background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2169
        white-space: nowrap; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2170
      .top-bar-section .dropdown li .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2171
        left: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2172
        top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2173
    .top-bar-section > ul > .divider,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2174
    .top-bar-section > ul > [role="separator"] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2175
      border-right: solid 1px #4e4e4e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2176
      border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2177
      border-top: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2178
      clear: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2179
      height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2180
      width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2181
    .top-bar-section .has-form {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2182
      background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2183
      height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2184
      padding: 0 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2185
    .top-bar-section .right li .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2186
      left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2187
      right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2188
      .top-bar-section .right li .dropdown li .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2189
        right: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2190
    .top-bar-section .left li .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2191
      right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2192
      left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2193
      .top-bar-section .left li .dropdown li .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2194
        left: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2195
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2196
  .no-js .top-bar-section ul li:hover > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2197
    background-color: #555555;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2198
    background: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2199
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2200
  .no-js .top-bar-section ul li:active > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2201
    background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2202
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2203
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2204
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2205
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2206
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2207
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2208
    clip: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2209
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2210
    position: absolute !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2211
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2212
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2213
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2214
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2215
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2216
    clip: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2217
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2218
    position: absolute !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2219
.breadcrumbs {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2220
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2221
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2222
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2223
  list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2224
  margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2225
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2226
  padding: 0.5625rem 0.875rem 0.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2227
  background-color: #f4f4f4;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2228
  border-color: gainsboro;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2229
  border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2230
  .breadcrumbs > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2231
    color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2232
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2233
    font-size: 0.6875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2234
    line-height: 0.6875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2235
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2236
    text-transform: uppercase; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2237
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2238
      text-decoration: underline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2239
    .breadcrumbs > * a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2240
      color: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2241
    .breadcrumbs > *.current {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2242
      color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2243
      cursor: default; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2244
      .breadcrumbs > *.current a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2245
        color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2246
        cursor: default; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2247
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2248
        text-decoration: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2249
    .breadcrumbs > *.unavailable {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2250
      color: #999999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2251
      .breadcrumbs > *.unavailable a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2252
        color: #999999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2253
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2254
      .breadcrumbs > *.unavailable a:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2255
        color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2256
        cursor: not-allowed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2257
        text-decoration: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2258
    .breadcrumbs > *:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2259
      color: #AAAAAA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2260
      content: "/";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2261
      margin: 0 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2262
      position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2263
      top: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2264
    .breadcrumbs > *:first-child:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2265
      content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2266
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2267
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2268
/* Accessibility - hides the forward slash */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2269
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2270
  content: "/"; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2271
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2272
.alert-box {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2273
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2274
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2275
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2276
  font-size: 0.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2277
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2278
  margin-bottom: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2279
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2280
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2281
  transition: opacity 300ms ease-out;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2282
  background-color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2283
  border-color: #0078a0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2284
  color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2285
  .alert-box .close {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2286
    right: 0.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2287
    background: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2288
    color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2289
    font-size: 1.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2290
    line-height: .9;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2291
    margin-top: -0.6875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2292
    opacity: 0.3;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2293
    padding: 0 6px 4px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2294
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2295
    top: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2296
    .alert-box .close:hover, .alert-box .close:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2297
      opacity: 0.5; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2298
  .alert-box.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2299
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2300
  .alert-box.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2301
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2302
  .alert-box.success {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2303
    background-color: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2304
    border-color: #3a945b;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2305
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2306
  .alert-box.alert {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2307
    background-color: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2308
    border-color: #de2d0f;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2309
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2310
  .alert-box.secondary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2311
    background-color: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2312
    border-color: #c7c7c7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2313
    color: #4f4f4f; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2314
  .alert-box.warning {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2315
    background-color: #f08a24;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2316
    border-color: #de770f;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2317
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2318
  .alert-box.info {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2319
    background-color: #a0d3e8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2320
    border-color: #74bfdd;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2321
    color: #4f4f4f; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2322
  .alert-box.alert-close {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2323
    opacity: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2324
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2325
.inline-list {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2326
  list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2327
  margin-left: -1.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2328
  margin-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2329
  margin: 0 auto 1.0625rem auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2330
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2331
  padding: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2332
  .inline-list > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2333
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2334
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2335
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2336
    margin-left: 1.375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2337
    .inline-list > li > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2338
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2339
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2340
.button-group {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2341
  list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2342
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2343
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2344
  .button-group:before, .button-group:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2345
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2346
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2347
  .button-group:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2348
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2349
  .button-group.even-2 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2350
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2351
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2352
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2353
    .button-group.even-2 li > button, .button-group.even-2 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2354
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2355
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2356
    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2357
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2358
    .button-group.even-2 li button, .button-group.even-2 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2359
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2360
  .button-group.even-3 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2361
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2362
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2363
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2364
    .button-group.even-3 li > button, .button-group.even-3 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2365
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2366
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2367
    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2368
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2369
    .button-group.even-3 li button, .button-group.even-3 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2370
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2371
  .button-group.even-4 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2372
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2373
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2374
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2375
    .button-group.even-4 li > button, .button-group.even-4 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2376
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2377
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2378
    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2379
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2380
    .button-group.even-4 li button, .button-group.even-4 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2381
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2382
  .button-group.even-5 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2383
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2384
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2385
    width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2386
    .button-group.even-5 li > button, .button-group.even-5 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2387
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2388
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2389
    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2390
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2391
    .button-group.even-5 li button, .button-group.even-5 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2392
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2393
  .button-group.even-6 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2394
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2395
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2396
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2397
    .button-group.even-6 li > button, .button-group.even-6 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2398
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2399
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2400
    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2401
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2402
    .button-group.even-6 li button, .button-group.even-6 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2403
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2404
  .button-group.even-7 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2405
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2406
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2407
    width: 14.28571%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2408
    .button-group.even-7 li > button, .button-group.even-7 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2409
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2410
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2411
    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2412
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2413
    .button-group.even-7 li button, .button-group.even-7 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2414
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2415
  .button-group.even-8 li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2416
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2417
    margin: 0 -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2418
    width: 12.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2419
    .button-group.even-8 li > button, .button-group.even-8 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2420
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2421
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2422
    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2423
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2424
    .button-group.even-8 li button, .button-group.even-8 li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2425
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2426
  .button-group > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2427
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2428
    margin: 0 -2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2429
    .button-group > li > button, .button-group > li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2430
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2431
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2432
    .button-group > li:first-child button, .button-group > li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2433
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2434
  .button-group.stack > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2435
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2436
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2437
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2438
    .button-group.stack > li > button, .button-group.stack > li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2439
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2440
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2441
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2442
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2443
    .button-group.stack > li > button, .button-group.stack > li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2444
      border-color: rgba(255, 255, 255, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2445
      border-left-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2446
      border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2447
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2448
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2449
    .button-group.stack > li > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2450
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2451
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2452
      border-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2453
  .button-group.stack-for-small > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2454
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2455
    margin: 0 -2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2456
    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2457
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2458
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2459
    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2460
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2461
    @media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2462
      .button-group.stack-for-small > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2463
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2464
        margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2465
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2466
          border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2467
          border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2468
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2469
          border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2470
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2471
          border-color: rgba(255, 255, 255, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2472
          border-left-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2473
          border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2474
          display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2475
          margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2476
        .button-group.stack-for-small > li > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2477
          width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2478
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2479
          border-top: 0; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2480
  .button-group.radius > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2481
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2482
    margin: 0 -2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2483
    .button-group.radius > * > button, .button-group.radius > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2484
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2485
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2486
    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2487
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2488
    .button-group.radius > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2489
    .button-group.radius > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2490
    .button-group.radius > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2491
    .button-group.radius > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2492
      border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2493
    .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2494
      -webkit-border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2495
      -webkit-border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2496
      border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2497
      border-top-left-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2498
    .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2499
      -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2500
      -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2501
      border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2502
      border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2503
  .button-group.radius.stack > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2504
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2505
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2506
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2507
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2508
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2509
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2510
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2511
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2512
      border-color: rgba(255, 255, 255, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2513
      border-left-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2514
      border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2515
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2516
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2517
    .button-group.radius.stack > * > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2518
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2519
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2520
      border-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2521
    .button-group.radius.stack > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2522
    .button-group.radius.stack > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2523
    .button-group.radius.stack > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2524
    .button-group.radius.stack > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2525
      border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2526
    .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2527
      -webkit-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2528
      -webkit-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2529
      border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2530
      border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2531
    .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2532
      -webkit-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2533
      -webkit-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2534
      border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2535
      border-bottom-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2536
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2537
    .button-group.radius.stack-for-small > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2538
      display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2539
      margin: 0 -2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2540
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2541
        border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2542
        border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2543
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2544
        border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2545
      .button-group.radius.stack-for-small > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2546
      .button-group.radius.stack-for-small > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2547
      .button-group.radius.stack-for-small > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2548
      .button-group.radius.stack-for-small > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2549
        border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2550
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2551
        -webkit-border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2552
        -webkit-border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2553
        border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2554
        border-top-left-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2555
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2556
        -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2557
        -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2558
        border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2559
        border-top-right-radius: 3px; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2560
  @media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2561
    .button-group.radius.stack-for-small > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2562
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2563
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2564
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2565
        border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2566
        border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2567
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2568
        border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2569
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2570
        border-color: rgba(255, 255, 255, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2571
        border-left-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2572
        border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2573
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2574
        margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2575
      .button-group.radius.stack-for-small > * > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2576
        width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2577
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2578
        border-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2579
      .button-group.radius.stack-for-small > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2580
      .button-group.radius.stack-for-small > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2581
      .button-group.radius.stack-for-small > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2582
      .button-group.radius.stack-for-small > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2583
        border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2584
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2585
        -webkit-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2586
        -webkit-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2587
        border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2588
        border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2589
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2590
        -webkit-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2591
        -webkit-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2592
        border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2593
        border-bottom-right-radius: 3px; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2594
  .button-group.round > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2595
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2596
    margin: 0 -2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2597
    .button-group.round > * > button, .button-group.round > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2598
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2599
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2600
    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2601
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2602
    .button-group.round > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2603
    .button-group.round > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2604
    .button-group.round > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2605
    .button-group.round > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2606
      border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2607
    .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2608
      -webkit-border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2609
      -webkit-border-top-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2610
      border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2611
      border-top-left-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2612
    .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2613
      -webkit-border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2614
      -webkit-border-top-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2615
      border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2616
      border-top-right-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2617
  .button-group.round.stack > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2618
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2619
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2620
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2621
      border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2622
      border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2623
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2624
      border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2625
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2626
      border-color: rgba(255, 255, 255, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2627
      border-left-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2628
      border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2629
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2630
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2631
    .button-group.round.stack > * > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2632
      width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2633
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2634
      border-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2635
    .button-group.round.stack > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2636
    .button-group.round.stack > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2637
    .button-group.round.stack > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2638
    .button-group.round.stack > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2639
      border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2640
    .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2641
      -webkit-top-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2642
      -webkit-top-right-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2643
      border-top-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2644
      border-top-right-radius: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2645
    .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2646
      -webkit-bottom-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2647
      -webkit-bottom-right-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2648
      border-bottom-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2649
      border-bottom-right-radius: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2650
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2651
    .button-group.round.stack-for-small > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2652
      display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2653
      margin: 0 -2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2654
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2655
        border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2656
        border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2657
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2658
        border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2659
      .button-group.round.stack-for-small > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2660
      .button-group.round.stack-for-small > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2661
      .button-group.round.stack-for-small > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2662
      .button-group.round.stack-for-small > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2663
        border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2664
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2665
        -webkit-border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2666
        -webkit-border-top-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2667
        border-bottom-left-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2668
        border-top-left-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2669
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2670
        -webkit-border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2671
        -webkit-border-top-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2672
        border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2673
        border-top-right-radius: 1000px; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2674
  @media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2675
    .button-group.round.stack-for-small > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2676
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2677
      margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2678
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2679
        border-left: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2680
        border-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2681
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2682
        border-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2683
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2684
        border-color: rgba(255, 255, 255, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2685
        border-left-width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2686
        border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2687
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2688
        margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2689
      .button-group.round.stack-for-small > * > button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2690
        width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2691
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2692
        border-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2693
      .button-group.round.stack-for-small > *,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2694
      .button-group.round.stack-for-small > * > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2695
      .button-group.round.stack-for-small > * > button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2696
      .button-group.round.stack-for-small > * > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2697
        border-radius: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2698
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2699
        -webkit-top-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2700
        -webkit-top-right-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2701
        border-top-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2702
        border-top-right-radius: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2703
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2704
        -webkit-bottom-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2705
        -webkit-bottom-right-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2706
        border-bottom-left-radius: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2707
        border-bottom-right-radius: 1rem; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2708
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2709
.button-bar:before, .button-bar:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2710
  content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2711
  display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2712
.button-bar:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2713
  clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2714
.button-bar .button-group {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2715
  float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2716
  margin-right: 0.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2717
  .button-bar .button-group div {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2718
    overflow: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2719
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2720
/* Panels */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2721
.panel {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2722
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2723
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2724
  border-color: #d8d8d8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2725
  margin-bottom: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2726
  padding: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2727
  background: #f2f2f2;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2728
  color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2729
  .panel > :first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2730
    margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2731
  .panel > :last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2732
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2733
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2734
    color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2735
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2736
    line-height: 1;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2737
    margin-bottom: 0.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2738
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2739
      line-height: 1.4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2740
  .panel.callout {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2741
    border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2742
    border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2743
    border-color: #d8d8d8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2744
    margin-bottom: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2745
    padding: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2746
    background: #ecfaff;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2747
    color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2748
    .panel.callout > :first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2749
      margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2750
    .panel.callout > :last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2751
      margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2752
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2753
      color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2754
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2755
      line-height: 1;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2756
      margin-bottom: 0.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2757
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2758
        line-height: 1.4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2759
    .panel.callout a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2760
      color: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2761
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2762
        color: #0078a0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2763
  .panel.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2764
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2765
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2766
.dropdown.button, button.dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2767
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2768
  padding-right: 3.5625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2769
  .dropdown.button::after, button.dropdown::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2770
    border-color: #FFFFFF transparent transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2771
    border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2772
    content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2773
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2774
    height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2775
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2776
    top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2777
    width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2778
  .dropdown.button::after, button.dropdown::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2779
    border-width: 0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2780
    right: 1.40625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2781
    margin-top: -0.15625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2782
  .dropdown.button::after, button.dropdown::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2783
    border-color: #FFFFFF transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2784
  .dropdown.button.tiny, button.dropdown.tiny {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2785
    padding-right: 2.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2786
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2787
      border-width: 0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2788
      right: 1.125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2789
      margin-top: -0.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2790
    .dropdown.button.tiny::after, button.dropdown.tiny::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2791
      border-color: #FFFFFF transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2792
  .dropdown.button.small, button.dropdown.small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2793
    padding-right: 3.0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2794
    .dropdown.button.small::after, button.dropdown.small::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2795
      border-width: 0.4375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2796
      right: 1.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2797
      margin-top: -0.15625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2798
    .dropdown.button.small::after, button.dropdown.small::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2799
      border-color: #FFFFFF transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2800
  .dropdown.button.large, button.dropdown.large {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2801
    padding-right: 3.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2802
    .dropdown.button.large::after, button.dropdown.large::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2803
      border-width: 0.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2804
      right: 1.71875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2805
      margin-top: -0.15625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2806
    .dropdown.button.large::after, button.dropdown.large::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2807
      border-color: #FFFFFF transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2808
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2809
    border-color: #333333 transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2810
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2811
/* Image Thumbnails */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2812
.th {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2813
  border: solid 4px #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2814
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2815
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2816
  line-height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2817
  max-width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2818
  transition: all 200ms ease-out; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2819
  .th:hover, .th:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2820
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2821
  .th.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2822
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2823
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2824
/* Pricing Tables */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2825
.pricing-table {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2826
  border: solid 1px #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2827
  margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2828
  margin-bottom: 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2829
  .pricing-table * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2830
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2831
    line-height: 1; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2832
  .pricing-table .title {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2833
    background-color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2834
    color: #EEEEEE;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2835
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2836
    font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2837
    font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2838
    padding: 0.9375rem 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2839
    text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2840
  .pricing-table .price {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2841
    background-color: #F6F6F6;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2842
    color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2843
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2844
    font-size: 2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2845
    font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2846
    padding: 0.9375rem 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2847
    text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2848
  .pricing-table .description {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2849
    background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2850
    border-bottom: dotted 1px #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2851
    color: #777777;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2852
    font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2853
    font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2854
    line-height: 1.4;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2855
    padding: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2856
    text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2857
  .pricing-table .bullet-item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2858
    background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2859
    border-bottom: dotted 1px #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2860
    color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2861
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2862
    font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2863
    padding: 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2864
    text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2865
  .pricing-table .cta-button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2866
    background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2867
    padding: 1.25rem 1.25rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2868
    text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2869
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2870
@-webkit-keyframes rotate {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2871
  from {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2872
    -webkit-transform: rotate(0deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2873
    transform: rotate(0deg); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2874
  to {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2875
    -webkit-transform: rotate(360deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2876
    transform: rotate(360deg); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2877
@keyframes rotate {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2878
  from {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2879
    -webkit-transform: rotate(0deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2880
    -moz-transform: rotate(0deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2881
    -ms-transform: rotate(0deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2882
    transform: rotate(0deg); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2883
  to {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2884
    -webkit-transform: rotate(360deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2885
    -moz-transform: rotate(360deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2886
    -ms-transform: rotate(360deg);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2887
    transform: rotate(360deg); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2888
/* Orbit Graceful Loading */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2889
.slideshow-wrapper {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2890
  position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2891
  .slideshow-wrapper ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2892
    list-style-type: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2893
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2894
    .slideshow-wrapper ul li,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2895
    .slideshow-wrapper ul li .orbit-caption {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2896
      display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2897
    .slideshow-wrapper ul li:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2898
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2899
  .slideshow-wrapper .orbit-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2900
    background-color: transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2901
    .slideshow-wrapper .orbit-container li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2902
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2903
      .slideshow-wrapper .orbit-container li .orbit-caption {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2904
        display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2905
    .slideshow-wrapper .orbit-container .orbit-bullets li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2906
      display: inline-block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2907
  .slideshow-wrapper .preloader {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2908
    border-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2909
    animation-duration: 1.5s;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2910
    animation-iteration-count: infinite;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2911
    animation-name: rotate;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2912
    animation-timing-function: linear;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2913
    border-color: #555555 #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2914
    border: solid 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2915
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2916
    height: 40px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2917
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2918
    margin-left: -20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2919
    margin-top: -20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2920
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2921
    top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2922
    width: 40px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2923
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2924
.orbit-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2925
  background: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2926
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2927
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2928
  width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2929
  .orbit-container .orbit-slides-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2930
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2931
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2932
    padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2933
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2934
    -webkit-transform: translateZ(0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2935
    -moz-transform: translateZ(0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2936
    -ms-transform: translateZ(0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2937
    -o-transform: translateZ(0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2938
    transform: translateZ(0); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2939
    .orbit-container .orbit-slides-container img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2940
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2941
      max-width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2942
    .orbit-container .orbit-slides-container > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2943
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2944
      top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2945
      width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2946
      margin-left: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2947
      .orbit-container .orbit-slides-container > *:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2948
        margin-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2949
      .orbit-container .orbit-slides-container > * .orbit-caption {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2950
        bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2951
        position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2952
        background-color: rgba(51, 51, 51, 0.8);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2953
        color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2954
        font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2955
        padding: 0.625rem 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2956
        width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2957
  .orbit-container .orbit-slide-number {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2958
    left: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2959
    background: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2960
    color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2961
    font-size: 12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2962
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2963
    top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2964
    z-index: 10; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2965
    .orbit-container .orbit-slide-number span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2966
      font-weight: 700;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2967
      padding: 0.3125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2968
  .orbit-container .orbit-timer {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2969
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2970
    top: 12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2971
    right: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2972
    height: 6px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2973
    width: 100px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2974
    z-index: 10; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2975
    .orbit-container .orbit-timer .orbit-progress {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2976
      height: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2977
      background-color: rgba(255, 255, 255, 0.3);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2978
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2979
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2980
      position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2981
      right: 20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2982
      top: 5px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2983
    .orbit-container .orbit-timer > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2984
      border: solid 4px #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2985
      border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2986
      border-top: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2987
      display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2988
      height: 14px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2989
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2990
      top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2991
      width: 11px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2992
      right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2993
    .orbit-container .orbit-timer.paused > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2994
      top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2995
      width: 11px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2996
      height: 14px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2997
      border: inset 8px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2998
      border-left-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  2999
      border-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3000
      border-left-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3001
      right: -4px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3002
      .orbit-container .orbit-timer.paused > span.dark {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3003
        border-left-color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3004
  .orbit-container:hover .orbit-timer > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3005
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3006
  .orbit-container .orbit-prev,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3007
  .orbit-container .orbit-next {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3008
    background-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3009
    color: white;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3010
    height: 60px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3011
    line-height: 50px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3012
    margin-top: -25px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3013
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3014
    text-indent: -9999px !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3015
    top: 45%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3016
    width: 36px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3017
    z-index: 10; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3018
    .orbit-container .orbit-prev:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3019
    .orbit-container .orbit-next:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3020
      background-color: rgba(0, 0, 0, 0.3); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3021
    .orbit-container .orbit-prev > span,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3022
    .orbit-container .orbit-next > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3023
      border: inset 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3024
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3025
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3026
      margin-top: -10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3027
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3028
      top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3029
      width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3030
  .orbit-container .orbit-prev {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3031
    left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3032
    .orbit-container .orbit-prev > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3033
      border-right-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3034
      border-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3035
      border-right-color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3036
    .orbit-container .orbit-prev:hover > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3037
      border-right-color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3038
  .orbit-container .orbit-next {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3039
    right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3040
    .orbit-container .orbit-next > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3041
      border-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3042
      border-left-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3043
      border-left-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3044
      left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3045
      margin-left: -4px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3046
    .orbit-container .orbit-next:hover > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3047
      border-left-color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3048
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3049
.orbit-bullets-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3050
  text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3051
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3052
.orbit-bullets {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3053
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3054
  float: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3055
  margin: 0 auto 30px auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3056
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3057
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3058
  text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3059
  top: 10px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3060
  .orbit-bullets li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3061
    background: #CCCCCC;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3062
    cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3063
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3064
    float: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3065
    height: 0.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3066
    margin-right: 6px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3067
    width: 0.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3068
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3069
    .orbit-bullets li.active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3070
      background: #999999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3071
    .orbit-bullets li:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3072
      margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3073
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3074
.touch .orbit-container .orbit-prev,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3075
.touch .orbit-container .orbit-next {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3076
  display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3077
.touch .orbit-bullets {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3078
  display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3079
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3080
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3081
  .touch .orbit-container .orbit-prev,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3082
  .touch .orbit-container .orbit-next {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3083
    display: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3084
  .touch .orbit-bullets {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3085
    display: block; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3086
@media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3087
  .orbit-stack-on-small .orbit-slides-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3088
    height: auto !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3089
  .orbit-stack-on-small .orbit-slides-container > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3090
    margin: 0  !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3091
    opacity: 1 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3092
    position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3093
  .orbit-stack-on-small .orbit-slide-number {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3094
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3095
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3096
  .orbit-timer {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3097
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3098
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3099
  .orbit-next, .orbit-prev {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3100
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3101
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3102
  .orbit-bullets {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3103
    display: none; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3104
[data-magellan-expedition], [data-magellan-expedition-clone] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3105
  background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3106
  min-width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3107
  padding: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3108
  z-index: 50; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3109
  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3110
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3111
    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3112
      margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3113
    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3114
      line-height: 1.8em; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3115
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3116
.icon-bar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3117
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3118
  font-size: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3119
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3120
  background: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3121
  .icon-bar > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3122
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3123
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3124
    font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3125
    margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3126
    padding: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3127
    text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3128
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3129
    .icon-bar > * i, .icon-bar > * img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3130
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3131
      margin: 0 auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3132
      .icon-bar > * i + label, .icon-bar > * img + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3133
        margin-top: .0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3134
    .icon-bar > * i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3135
      font-size: 1.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3136
      vertical-align: middle; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3137
    .icon-bar > * img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3138
      height: 1.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3139
      width: 1.875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3140
  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3141
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3142
    margin: 0 .0625rem 0 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3143
    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3144
      margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3145
  .icon-bar.label-right > * label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3146
    display: inline-block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3147
  .icon-bar.vertical.label-right > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3148
    text-align: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3149
  .icon-bar.vertical, .icon-bar.small-vertical {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3150
    height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3151
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3152
    .icon-bar.vertical .item, .icon-bar.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3153
      float: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3154
      margin: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3155
      width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3156
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3157
    .icon-bar.medium-vertical {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3158
      height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3159
      width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3160
      .icon-bar.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3161
        float: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3162
        margin: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3163
        width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3164
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3165
    .icon-bar.large-vertical {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3166
      height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3167
      width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3168
      .icon-bar.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3169
        float: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3170
        margin: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3171
        width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3172
  .icon-bar > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3173
    font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3174
    padding: 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3175
    .icon-bar > * i + label, .icon-bar > * img + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3176
      margin-top: .0625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3177
      font-size: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3178
    .icon-bar > * i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3179
      font-size: 1.875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3180
    .icon-bar > * img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3181
      height: 1.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3182
      width: 1.875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3183
  .icon-bar > * label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3184
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3185
  .icon-bar > * i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3186
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3187
  .icon-bar > a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3188
    background: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3189
    .icon-bar > a:hover label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3190
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3191
    .icon-bar > a:hover i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3192
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3193
  .icon-bar > a.active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3194
    background: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3195
    .icon-bar > a.active label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3196
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3197
    .icon-bar > a.active i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3198
      color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3199
  .icon-bar .item.disabled {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3200
    cursor: not-allowed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3201
    opacity: 0.7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3202
    pointer-events: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3203
    .icon-bar .item.disabled > * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3204
      opacity: 0.7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3205
      cursor: not-allowed; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3206
  .icon-bar.two-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3207
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3208
  .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3209
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3210
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3211
    .icon-bar.two-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3212
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3213
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3214
    .icon-bar.two-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3215
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3216
  .icon-bar.three-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3217
    width: 33.3333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3218
  .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3219
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3220
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3221
    .icon-bar.three-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3222
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3223
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3224
    .icon-bar.three-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3225
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3226
  .icon-bar.four-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3227
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3228
  .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3229
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3230
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3231
    .icon-bar.four-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3232
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3233
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3234
    .icon-bar.four-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3235
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3236
  .icon-bar.five-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3237
    width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3238
  .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3239
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3240
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3241
    .icon-bar.five-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3242
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3243
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3244
    .icon-bar.five-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3245
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3246
  .icon-bar.six-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3247
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3248
  .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3249
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3250
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3251
    .icon-bar.six-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3252
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3253
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3254
    .icon-bar.six-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3255
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3256
  .icon-bar.seven-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3257
    width: 14.28571%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3258
  .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3259
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3260
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3261
    .icon-bar.seven-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3262
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3263
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3264
    .icon-bar.seven-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3265
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3266
  .icon-bar.eight-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3267
    width: 12.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3268
  .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3269
    width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3270
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3271
    .icon-bar.eight-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3272
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3273
  @media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3274
    .icon-bar.eight-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3275
      width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3276
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3277
.icon-bar.two-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3278
  width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3279
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3280
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3281
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3282
  .icon-bar.two-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3283
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3284
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3285
  .icon-bar.two-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3286
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3287
.icon-bar.three-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3288
  width: 33.3333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3289
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3290
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3291
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3292
  .icon-bar.three-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3293
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3294
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3295
  .icon-bar.three-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3296
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3297
.icon-bar.four-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3298
  width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3299
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3300
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3301
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3302
  .icon-bar.four-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3303
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3304
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3305
  .icon-bar.four-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3306
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3307
.icon-bar.five-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3308
  width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3309
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3310
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3311
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3312
  .icon-bar.five-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3313
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3314
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3315
  .icon-bar.five-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3316
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3317
.icon-bar.six-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3318
  width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3319
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3320
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3321
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3322
  .icon-bar.six-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3323
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3324
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3325
  .icon-bar.six-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3326
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3327
.icon-bar.seven-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3328
  width: 14.28571%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3329
.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3330
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3331
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3332
  .icon-bar.seven-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3333
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3334
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3335
  .icon-bar.seven-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3336
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3337
.icon-bar.eight-up .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3338
  width: 12.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3339
.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3340
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3341
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3342
  .icon-bar.eight-up.medium-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3343
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3344
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3345
  .icon-bar.eight-up.large-vertical .item {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3346
    width: auto; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3347
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3348
.tabs {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3349
  margin-bottom: 0 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3350
  margin-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3351
  .tabs:before, .tabs:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3352
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3353
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3354
  .tabs:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3355
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3356
  .tabs dd,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3357
  .tabs .tab-title {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3358
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3359
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3360
    margin-bottom: 0 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3361
    position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3362
    .tabs dd > a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3363
    .tabs .tab-title > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3364
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3365
      background-color: #EFEFEF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3366
      color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3367
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3368
      font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3369
      padding: 1rem 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3370
      .tabs dd > a:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3371
      .tabs .tab-title > a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3372
        background-color: #e1e1e1; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3373
    .tabs dd.active a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3374
    .tabs .tab-title.active a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3375
      background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3376
      color: #222222; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3377
  .tabs.radius dd:first-child a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3378
  .tabs.radius .tab:first-child a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3379
    -webkit-border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3380
    -webkit-border-top-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3381
    border-bottom-left-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3382
    border-top-left-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3383
  .tabs.radius dd:last-child a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3384
  .tabs.radius .tab:last-child a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3385
    -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3386
    -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3387
    border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3388
    border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3389
  .tabs.vertical dd,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3390
  .tabs.vertical .tab-title {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3391
    position: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3392
    float: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3393
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3394
    top: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3395
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3396
.tabs-content {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3397
  margin-bottom: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3398
  width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3399
  .tabs-content:before, .tabs-content:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3400
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3401
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3402
  .tabs-content:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3403
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3404
  .tabs-content > .content {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3405
    display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3406
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3407
    padding: 0.9375rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3408
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3409
    .tabs-content > .content.active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3410
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3411
      float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3412
    .tabs-content > .content.contained {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3413
      padding: 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3414
  .tabs-content.vertical {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3415
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3416
    .tabs-content.vertical > .content {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3417
      padding: 0 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3418
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3419
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3420
  .tabs.vertical {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3421
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3422
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3423
    margin-bottom: 1.25rem !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3424
    max-width: 20%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3425
    width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3426
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3427
  .tabs-content.vertical {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3428
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3429
    margin-left: -1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3430
    max-width: 80%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3431
    padding-left: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3432
    width: 80%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3433
.no-js .tabs-content > .content {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3434
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3435
  float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3436
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3437
ul.pagination {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3438
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3439
  margin-left: -0.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3440
  min-height: 1.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3441
  ul.pagination li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3442
    color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3443
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3444
    height: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3445
    margin-left: 0.3125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3446
    ul.pagination li a, ul.pagination li button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3447
      border-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3448
      transition: background-color 300ms ease-out;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3449
      background: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3450
      color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3451
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3452
      font-size: 1em;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3453
      font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3454
      line-height: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3455
      padding: 0.0625rem 0.625rem 0.0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3456
    ul.pagination li:hover a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3457
    ul.pagination li a:focus, ul.pagination li:hover button,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3458
    ul.pagination li button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3459
      background: #e6e6e6; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3460
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3461
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3462
      color: #999999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3463
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3464
      background: transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3465
    ul.pagination li.current a, ul.pagination li.current button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3466
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3467
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3468
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3469
      font-weight: bold; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3470
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3471
        background: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3472
  ul.pagination li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3473
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3474
    float: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3475
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3476
/* Pagination centred wrapper */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3477
.pagination-centered {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3478
  text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3479
  .pagination-centered ul.pagination li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3480
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3481
    float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3482
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3483
.side-nav {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3484
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3485
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3486
  list-style-position: outside;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3487
  list-style-type: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3488
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3489
  padding: 0.875rem 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3490
  .side-nav li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3491
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3492
    font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3493
    margin: 0 0 0.4375rem 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3494
    .side-nav li a:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3495
      color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3496
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3497
      margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3498
      padding: 0.4375rem 0.875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3499
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3500
        background: rgba(0, 0, 0, 0.025);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3501
        color: #1cc7ff; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3502
      .side-nav li a:not(.button):active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3503
        color: #1cc7ff; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3504
    .side-nav li.active > a:first-child:not(.button) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3505
      color: #1cc7ff;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3506
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3507
      font-weight: normal; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3508
    .side-nav li.divider {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3509
      border-top: 1px solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3510
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3511
      list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3512
      padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3513
      border-top-color: #e6e6e6; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3514
    .side-nav li.heading {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3515
      color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3516
      font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3517
      font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3518
      text-transform: uppercase; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3519
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3520
.accordion {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3521
  margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3522
  .accordion:before, .accordion:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3523
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3524
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3525
  .accordion:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3526
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3527
  .accordion .accordion-navigation, .accordion dd {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3528
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3529
    margin-bottom: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3530
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3531
      background: #e8e8e8; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3532
    .accordion .accordion-navigation > a, .accordion dd > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3533
      background: #EFEFEF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3534
      color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3535
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3536
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3537
      font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3538
      padding: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3539
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3540
        background: #e3e3e3; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3541
    .accordion .accordion-navigation > .content, .accordion dd > .content {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3542
      display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3543
      padding: 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3544
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3545
        background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3546
        display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3547
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3548
.text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3549
  text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3550
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3551
.text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3552
  text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3553
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3554
.text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3555
  text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3556
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3557
.text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3558
  text-align: justify !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3559
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3560
@media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3561
  .small-only-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3562
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3563
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3564
  .small-only-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3565
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3566
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3567
  .small-only-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3568
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3569
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3570
  .small-only-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3571
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3572
@media only screen {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3573
  .small-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3574
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3575
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3576
  .small-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3577
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3578
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3579
  .small-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3580
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3581
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3582
  .small-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3583
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3584
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3585
  .medium-only-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3586
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3587
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3588
  .medium-only-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3589
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3590
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3591
  .medium-only-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3592
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3593
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3594
  .medium-only-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3595
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3596
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3597
  .medium-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3598
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3599
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3600
  .medium-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3601
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3602
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3603
  .medium-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3604
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3605
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3606
  .medium-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3607
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3608
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3609
  .large-only-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3610
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3611
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3612
  .large-only-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3613
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3614
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3615
  .large-only-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3616
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3617
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3618
  .large-only-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3619
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3620
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3621
  .large-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3622
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3623
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3624
  .large-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3625
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3626
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3627
  .large-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3628
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3629
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3630
  .large-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3631
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3632
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3633
  .xlarge-only-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3634
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3635
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3636
  .xlarge-only-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3637
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3638
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3639
  .xlarge-only-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3640
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3641
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3642
  .xlarge-only-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3643
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3644
@media only screen and (min-width: 90.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3645
  .xlarge-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3646
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3647
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3648
  .xlarge-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3649
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3650
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3651
  .xlarge-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3652
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3653
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3654
  .xlarge-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3655
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3656
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3657
  .xxlarge-only-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3658
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3659
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3660
  .xxlarge-only-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3661
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3662
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3663
  .xxlarge-only-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3664
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3665
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3666
  .xxlarge-only-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3667
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3668
@media only screen and (min-width: 120.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3669
  .xxlarge-text-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3670
    text-align: left !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3671
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3672
  .xxlarge-text-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3673
    text-align: right !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3674
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3675
  .xxlarge-text-center {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3676
    text-align: center !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3677
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3678
  .xxlarge-text-justify {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3679
    text-align: justify !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3680
/* Typography resets */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3681
div,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3682
dl,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3683
dt,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3684
dd,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3685
ul,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3686
ol,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3687
li,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3688
h1,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3689
h2,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3690
h3,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3691
h4,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3692
h5,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3693
h6,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3694
pre,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3695
form,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3696
p,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3697
blockquote,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3698
th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3699
td {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3700
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3701
  padding: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3702
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3703
/* Default Link Styles */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3704
a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3705
  color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3706
  line-height: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3707
  text-decoration: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3708
  a:hover, a:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3709
    color: #0078a0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3710
  a img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3711
    border: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3712
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3713
/* Default paragraph styles */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3714
p {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3715
  font-family: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3716
  font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3717
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3718
  line-height: 1.6;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3719
  margin-bottom: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3720
  text-rendering: optimizeLegibility; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3721
  p.lead {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3722
    font-size: 1.21875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3723
    line-height: 1.6; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3724
  p aside {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3725
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3726
    font-style: italic;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3727
    line-height: 1.35; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3728
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3729
/* Default header styles */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3730
h1, h2, h3, h4, h5, h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3731
  color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3732
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3733
  font-style: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3734
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3735
  line-height: 1.4;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3736
  margin-bottom: 0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3737
  margin-top: 0.2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3738
  text-rendering: optimizeLegibility; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3739
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3740
    color: #6f6f6f;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3741
    font-size: 60%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3742
    line-height: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3743
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3744
h1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3745
  font-size: 2.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3746
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3747
h2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3748
  font-size: 1.6875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3749
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3750
h3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3751
  font-size: 1.375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3752
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3753
h4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3754
  font-size: 1.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3755
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3756
h5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3757
  font-size: 1.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3758
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3759
h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3760
  font-size: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3761
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3762
.subheader {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3763
  line-height: 1.4;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3764
  color: #6f6f6f;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3765
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3766
  margin-top: 0.2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3767
  margin-bottom: 0.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3768
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3769
hr {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3770
  border: solid #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3771
  border-width: 1px 0 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3772
  clear: both;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3773
  height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3774
  margin: 1.25rem 0 1.1875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3775
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3776
/* Helpful Typography Defaults */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3777
em,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3778
i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3779
  font-style: italic;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3780
  line-height: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3781
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3782
strong,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3783
b {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3784
  font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3785
  line-height: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3786
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3787
small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3788
  font-size: 60%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3789
  line-height: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3790
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3791
code {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3792
  background-color: #f8f8f8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3793
  border-color: #dfdfdf;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3794
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3795
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3796
  color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3797
  font-family: Consolas, "Liberation Mono", Courier, monospace;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3798
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3799
  padding: 0.125rem 0.3125rem 0.0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3800
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3801
/* Lists */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3802
ul,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3803
ol,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3804
dl {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3805
  font-family: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3806
  font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3807
  line-height: 1.6;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3808
  list-style-position: outside;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3809
  margin-bottom: 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3810
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3811
ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3812
  margin-left: 1.1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3813
  ul.no-bullet {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3814
    margin-left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3815
    ul.no-bullet li ul,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3816
    ul.no-bullet li ol {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3817
      margin-left: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3818
      margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3819
      list-style: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3820
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3821
/* Unordered Lists */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3822
ul li ul,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3823
ul li ol {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3824
  margin-left: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3825
  margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3826
ul.square li ul, ul.circle li ul, ul.disc li ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3827
  list-style: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3828
ul.square {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3829
  list-style-type: square;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3830
  margin-left: 1.1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3831
ul.circle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3832
  list-style-type: circle;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3833
  margin-left: 1.1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3834
ul.disc {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3835
  list-style-type: disc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3836
  margin-left: 1.1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3837
ul.no-bullet {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3838
  list-style: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3839
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3840
/* Ordered Lists */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3841
ol {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3842
  margin-left: 1.4rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3843
  ol li ul,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3844
  ol li ol {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3845
    margin-left: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3846
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3847
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3848
/* Definition Lists */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3849
dl dt {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3850
  margin-bottom: 0.3rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3851
  font-weight: bold; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3852
dl dd {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3853
  margin-bottom: 0.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3854
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3855
/* Abbreviations */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3856
abbr,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3857
acronym {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3858
  text-transform: uppercase;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3859
  font-size: 90%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3860
  color: #222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3861
  cursor: help; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3862
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3863
abbr {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3864
  text-transform: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3865
  abbr[title] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3866
    border-bottom: 1px dotted #DDDDDD; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3867
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3868
/* Blockquotes */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3869
blockquote {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3870
  margin: 0 0 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3871
  padding: 0.5625rem 1.25rem 0 1.1875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3872
  border-left: 1px solid #DDDDDD; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3873
  blockquote cite {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3874
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3875
    font-size: 0.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3876
    color: #555555; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3877
    blockquote cite:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3878
      content: "\2014 \0020"; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3879
    blockquote cite a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3880
    blockquote cite a:visited {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3881
      color: #555555; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3882
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3883
blockquote,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3884
blockquote p {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3885
  line-height: 1.6;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3886
  color: #6f6f6f; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3887
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3888
/* Microformats */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3889
.vcard {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3890
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3891
  margin: 0 0 1.25rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3892
  border: 1px solid #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3893
  padding: 0.625rem 0.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3894
  .vcard li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3895
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3896
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3897
  .vcard .fn {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3898
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3899
    font-size: 0.9375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3900
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3901
.vevent .summary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3902
  font-weight: bold; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3903
.vevent abbr {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3904
  cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3905
  text-decoration: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3906
  font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3907
  border: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3908
  padding: 0 0.0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3909
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3910
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3911
  h1, h2, h3, h4, h5, h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3912
    line-height: 1.4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3913
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3914
  h1 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3915
    font-size: 2.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3916
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3917
  h2 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3918
    font-size: 2.3125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3919
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3920
  h3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3921
    font-size: 1.6875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3922
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3923
  h4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3924
    font-size: 1.4375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3925
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3926
  h5 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3927
    font-size: 1.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3928
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3929
  h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3930
    font-size: 1rem; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3931
.split.button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3932
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3933
  padding-right: 5.0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3934
  .split.button span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3935
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3936
    height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3937
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3938
    right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3939
    top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3940
    border-left: solid 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3941
    .split.button span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3942
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3943
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3944
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3945
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3946
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3947
      border-style: inset;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3948
      top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3949
      left: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3950
    .split.button span:active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3951
      background-color: rgba(0, 0, 0, 0.1); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3952
  .split.button span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3953
    border-left-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3954
  .split.button span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3955
    width: 3.09375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3956
    .split.button span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3957
      border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3958
      border-width: 0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3959
      margin-left: -0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3960
      top: 48%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3961
  .split.button span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3962
    border-color: #FFFFFF transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3963
  .split.button.secondary span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3964
    border-left-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3965
  .split.button.secondary span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3966
    border-color: #FFFFFF transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3967
  .split.button.alert span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3968
    border-left-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3969
  .split.button.success span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3970
    border-left-color: rgba(255, 255, 255, 0.5); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3971
  .split.button.tiny {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3972
    padding-right: 3.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3973
    .split.button.tiny span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3974
      width: 2.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3975
      .split.button.tiny span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3976
        border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3977
        border-width: 0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3978
        margin-left: -0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3979
        top: 48%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3980
  .split.button.small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3981
    padding-right: 4.375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3982
    .split.button.small span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3983
      width: 2.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3984
      .split.button.small span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3985
        border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3986
        border-width: 0.4375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3987
        margin-left: -0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3988
        top: 48%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3989
  .split.button.large {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3990
    padding-right: 5.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3991
    .split.button.large span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3992
      width: 3.4375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3993
      .split.button.large span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3994
        border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3995
        border-width: 0.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3996
        margin-left: -0.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3997
        top: 48%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3998
  .split.button.expand {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  3999
    padding-left: 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4000
  .split.button.secondary span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4001
    border-color: #333333 transparent transparent transparent; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4002
  .split.button.radius span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4003
    -webkit-border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4004
    -webkit-border-top-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4005
    border-bottom-right-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4006
    border-top-right-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4007
  .split.button.round span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4008
    -webkit-border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4009
    -webkit-border-top-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4010
    border-bottom-right-radius: 1000px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4011
    border-top-right-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4012
  .split.button.no-pip span:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4013
    border-style: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4014
  .split.button.no-pip span:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4015
    border-style: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4016
  .split.button.no-pip span > i {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4017
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4018
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4019
    margin-left: -0.28889em;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4020
    margin-top: -0.48889em;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4021
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4022
    top: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4023
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4024
.reveal-modal-bg {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4025
  background: #000000;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4026
  background: rgba(0, 0, 0, 0.45);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4027
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4028
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4029
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4030
  position: fixed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4031
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4032
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4033
  z-index: 1004;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4034
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4035
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4036
.reveal-modal {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4037
  border-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4038
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4039
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4040
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4041
  visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4042
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4043
  z-index: 1005;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4044
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4045
  background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4046
  padding: 1.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4047
  border: solid 1px #666666;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4048
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4049
  @media only screen and (max-width: 40em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4050
    .reveal-modal {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4051
      min-height: 100vh; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4052
  .reveal-modal .column, .reveal-modal .columns {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4053
    min-width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4054
  .reveal-modal > :first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4055
    margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4056
  .reveal-modal > :last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4057
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4058
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4059
    .reveal-modal {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4060
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4061
      margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4062
      max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4063
      right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4064
      width: 80%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4065
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4066
    .reveal-modal {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4067
      top: 6.25rem; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4068
  .reveal-modal.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4069
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4070
  .reveal-modal.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4071
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4072
  .reveal-modal.collapse {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4073
    padding: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4074
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4075
    .reveal-modal.tiny {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4076
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4077
      margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4078
      max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4079
      right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4080
      width: 30%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4081
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4082
    .reveal-modal.small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4083
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4084
      margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4085
      max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4086
      right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4087
      width: 40%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4088
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4089
    .reveal-modal.medium {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4090
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4091
      margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4092
      max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4093
      right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4094
      width: 60%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4095
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4096
    .reveal-modal.large {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4097
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4098
      margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4099
      max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4100
      right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4101
      width: 70%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4102
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4103
    .reveal-modal.xlarge {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4104
      left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4105
      margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4106
      max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4107
      right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4108
      width: 95%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4109
  .reveal-modal.full {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4110
    height: 100vh;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4111
    height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4112
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4113
    margin-left: 0 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4114
    max-width: none !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4115
    min-height: 100vh;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4116
    top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4117
    @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4118
      .reveal-modal.full {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4119
        left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4120
        margin: 0 auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4121
        max-width: 62.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4122
        right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4123
        width: 100%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4124
  .reveal-modal.toback {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4125
    z-index: 1003; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4126
  .reveal-modal .close-reveal-modal {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4127
    color: #AAAAAA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4128
    cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4129
    font-size: 2.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4130
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4131
    line-height: 1;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4132
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4133
    top: 0.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4134
    right: 1.375rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4135
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4136
/* Tooltips */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4137
.has-tip {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4138
  border-bottom: dotted 1px #CCCCCC;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4139
  color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4140
  cursor: help;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4141
  font-weight: bold; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4142
  .has-tip:hover, .has-tip:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4143
    border-bottom: dotted 1px #003f54;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4144
    color: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4145
  .has-tip.tip-left, .has-tip.tip-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4146
    float: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4147
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4148
.tooltip {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4149
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4150
  color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4151
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4152
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4153
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4154
  line-height: 1.3;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4155
  max-width: 300px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4156
  padding: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4157
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4158
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4159
  z-index: 1006;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4160
  left: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4161
  .tooltip > .nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4162
    border-color: transparent transparent #333333 transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4163
    border: solid 5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4164
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4165
    height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4166
    pointer-events: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4167
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4168
    top: -10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4169
    width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4170
    left: 5px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4171
    .tooltip > .nub.rtl {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4172
      left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4173
      right: 5px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4174
  .tooltip.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4175
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4176
  .tooltip.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4177
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4178
    .tooltip.round > .nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4179
      left: 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4180
  .tooltip.opened {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4181
    border-bottom: dotted 1px #003f54 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4182
    color: #008CBA !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4183
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4184
.tap-to-close {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4185
  color: #777777;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4186
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4187
  font-size: 0.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4188
  font-weight: normal; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4189
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4190
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4191
  .tooltip > .nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4192
    border-color: transparent transparent #333333 transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4193
    top: -10px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4194
  .tooltip.tip-top > .nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4195
    border-color: #333333 transparent transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4196
    bottom: -10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4197
    top: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4198
  .tooltip.tip-left, .tooltip.tip-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4199
    float: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4200
  .tooltip.tip-left > .nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4201
    border-color: transparent transparent transparent #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4202
    left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4203
    margin-top: -5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4204
    right: -10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4205
    top: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4206
  .tooltip.tip-right > .nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4207
    border-color: transparent #333333 transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4208
    left: -10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4209
    margin-top: -5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4210
    right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4211
    top: 50%; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4212
/* Clearing Styles */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4213
.clearing-thumbs, [data-clearing] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4214
  list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4215
  margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4216
  margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4217
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4218
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4219
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4220
  .clearing-thumbs:after, [data-clearing]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4221
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4222
  .clearing-thumbs li, [data-clearing] li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4223
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4224
    margin-right: 10px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4225
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4226
    margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4227
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4228
.clearing-blackout {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4229
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4230
  height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4231
  position: fixed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4232
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4233
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4234
  z-index: 998;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4235
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4236
  .clearing-blackout .clearing-close {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4237
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4238
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4239
.clearing-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4240
  height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4241
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4242
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4243
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4244
  z-index: 998; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4245
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4246
.clearing-touch-label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4247
  color: #AAAAAA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4248
  font-size: .6em;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4249
  left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4250
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4251
  top: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4252
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4253
.visible-img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4254
  height: 95%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4255
  position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4256
  .visible-img img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4257
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4258
    left: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4259
    top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4260
    -webkit-transform: translateY(-50%) translateX(-50%);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4261
    -moz-transform: translateY(-50%) translateX(-50%);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4262
    -ms-transform: translateY(-50%) translateX(-50%);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4263
    -o-transform: translateY(-50%) translateX(-50%);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4264
    transform: translateY(-50%) translateX(-50%);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4265
    max-height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4266
    max-width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4267
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4268
.clearing-caption {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4269
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4270
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4271
  color: #CCCCCC;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4272
  font-size: 0.875em;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4273
  line-height: 1.3;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4274
  margin-bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4275
  padding: 10px 30px 20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4276
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4277
  text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4278
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4279
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4280
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4281
.clearing-close {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4282
  color: #CCCCCC;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4283
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4284
  font-size: 30px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4285
  line-height: 1;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4286
  padding-left: 20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4287
  padding-top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4288
  z-index: 999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4289
  .clearing-close:hover, .clearing-close:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4290
    color: #CCCCCC; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4291
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4292
.clearing-assembled .clearing-container {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4293
  height: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4294
  .clearing-assembled .clearing-container .carousel > ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4295
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4296
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4297
.clearing-feature li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4298
  display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4299
  .clearing-feature li.clearing-featured-img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4300
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4301
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4302
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4303
  .clearing-main-prev,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4304
  .clearing-main-next {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4305
    height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4306
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4307
    top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4308
    width: 40px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4309
    .clearing-main-prev > span,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4310
    .clearing-main-next > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4311
      border: solid 12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4312
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4313
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4314
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4315
      top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4316
      width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4317
      .clearing-main-prev > span:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4318
      .clearing-main-next > span:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4319
        opacity: .8; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4320
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4321
  .clearing-main-prev {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4322
    left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4323
    .clearing-main-prev > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4324
      left: 5px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4325
      border-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4326
      border-right-color: #CCCCCC; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4327
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4328
  .clearing-main-next {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4329
    right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4330
    .clearing-main-next > span {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4331
      border-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4332
      border-left-color: #CCCCCC; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4333
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4334
  .clearing-main-prev.disabled,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4335
  .clearing-main-next.disabled {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4336
    opacity: .3; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4337
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4338
  .clearing-assembled .clearing-container .carousel {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4339
    background: rgba(51, 51, 51, 0.8);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4340
    height: 120px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4341
    margin-top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4342
    text-align: center; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4343
    .clearing-assembled .clearing-container .carousel > ul {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4344
      display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4345
      z-index: 999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4346
      height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4347
      position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4348
      float: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4349
      .clearing-assembled .clearing-container .carousel > ul li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4350
        clear: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4351
        cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4352
        display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4353
        float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4354
        margin-right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4355
        min-height: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4356
        opacity: .4;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4357
        overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4358
        padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4359
        position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4360
        width: 120px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4361
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4362
          height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4363
          max-width: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4364
        .clearing-assembled .clearing-container .carousel > ul li a.th {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4365
          border: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4366
          box-shadow: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4367
          display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4368
        .clearing-assembled .clearing-container .carousel > ul li img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4369
          cursor: pointer !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4370
          width: 100% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4371
        .clearing-assembled .clearing-container .carousel > ul li.visible {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4372
          opacity: 1; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4373
        .clearing-assembled .clearing-container .carousel > ul li:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4374
          opacity: .8; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4375
  .clearing-assembled .clearing-container .visible-img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4376
    background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4377
    height: 85%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4378
    overflow: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4379
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4380
  .clearing-close {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4381
    padding-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4382
    padding-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4383
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4384
    top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4385
    right: 20px; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4386
/* Progress Bar */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4387
.progress {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4388
  background-color: #F6F6F6;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4389
  border: 1px solid white;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4390
  height: 1.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4391
  margin-bottom: 0.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4392
  padding: 0.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4393
  .progress .meter {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4394
    background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4395
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4396
    height: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4397
  .progress.secondary .meter {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4398
    background: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4399
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4400
    height: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4401
  .progress.success .meter {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4402
    background: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4403
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4404
    height: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4405
  .progress.alert .meter {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4406
    background: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4407
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4408
    height: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4409
  .progress.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4410
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4411
    .progress.radius .meter {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4412
      border-radius: 2px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4413
  .progress.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4414
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4415
    .progress.round .meter {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4416
      border-radius: 999px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4417
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4418
.sub-nav {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4419
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4420
  margin: -0.25rem 0 1.125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4421
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4422
  padding-top: 0.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4423
  width: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4424
  .sub-nav dt {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4425
    text-transform: uppercase; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4426
  .sub-nav dt,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4427
  .sub-nav dd,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4428
  .sub-nav li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4429
    color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4430
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4431
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4432
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4433
    font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4434
    margin-left: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4435
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4436
    .sub-nav dt a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4437
    .sub-nav dd a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4438
    .sub-nav li a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4439
      color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4440
      padding: 0.1875rem 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4441
      text-decoration: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4442
      .sub-nav dt a:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4443
      .sub-nav dd a:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4444
      .sub-nav li a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4445
        color: #737373; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4446
    .sub-nav dt.active a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4447
    .sub-nav dd.active a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4448
    .sub-nav li.active a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4449
      border-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4450
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4451
      color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4452
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4453
      font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4454
      padding: 0.1875rem 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4455
      .sub-nav dt.active a:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4456
      .sub-nav dd.active a:hover,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4457
      .sub-nav li.active a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4458
        background: #0078a0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4459
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4460
/* Foundation Joyride */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4461
.joyride-list {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4462
  display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4463
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4464
/* Default styles for the container */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4465
.joyride-tip-guide {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4466
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4467
  color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4468
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4469
  font-family: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4470
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4471
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4472
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4473
  width: 95%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4474
  z-index: 101;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4475
  left: 2.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4476
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4477
.lt-ie9 .joyride-tip-guide {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4478
  margin-left: -400px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4479
  max-width: 800px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4480
  left: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4481
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4482
.joyride-content-wrapper {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4483
  padding: 1.125rem 1.25rem 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4484
  width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4485
  .joyride-content-wrapper .button {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4486
    margin-bottom: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4487
  .joyride-content-wrapper .joyride-prev-tip {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4488
    margin-right: 10px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4489
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4490
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4491
.joyride-tip-guide .joyride-nub {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4492
  border: 10px solid #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4493
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4494
  height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4495
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4496
  width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4497
  left: 22px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4498
  .joyride-tip-guide .joyride-nub.top {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4499
    border-color: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4500
    border-top-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4501
    border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4502
    border-left-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4503
    border-right-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4504
    top: -20px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4505
  .joyride-tip-guide .joyride-nub.bottom {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4506
    border-color: #333333 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4507
    border-bottom-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4508
    border-bottom-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4509
    border-left-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4510
    border-right-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4511
    bottom: -20px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4512
  .joyride-tip-guide .joyride-nub.right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4513
    right: -20px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4514
  .joyride-tip-guide .joyride-nub.left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4515
    left: -20px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4516
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4517
/* Typography */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4518
.joyride-tip-guide h1,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4519
.joyride-tip-guide h2,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4520
.joyride-tip-guide h3,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4521
.joyride-tip-guide h4,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4522
.joyride-tip-guide h5,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4523
.joyride-tip-guide h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4524
  color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4525
  font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4526
  line-height: 1.25;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4527
  margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4528
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4529
.joyride-tip-guide p {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4530
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4531
  line-height: 1.3;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4532
  margin: 0 0 1.125rem 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4533
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4534
.joyride-timer-indicator-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4535
  border: solid 1px #555555;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4536
  bottom: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4537
  height: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4538
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4539
  width: 50px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4540
  right: 1.0625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4541
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4542
.joyride-timer-indicator {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4543
  background: #666666;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4544
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4545
  height: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4546
  width: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4547
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4548
.joyride-close-tip {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4549
  color: #777777 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4550
  font-size: 24px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4551
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4552
  line-height: .5 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4553
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4554
  text-decoration: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4555
  top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4556
  right: 12px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4557
  .joyride-close-tip:hover, .joyride-close-tip:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4558
    color: #EEEEEE !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4559
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4560
.joyride-modal-bg {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4561
  background: rgba(0, 0, 0, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4562
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4563
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4564
  height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4565
  position: fixed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4566
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4567
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4568
  z-index: 100;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4569
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4570
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4571
.joyride-expose-wrapper {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4572
  background-color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4573
  border-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4574
  box-shadow: 0 0 15px #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4575
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4576
  z-index: 102; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4577
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4578
.joyride-expose-cover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4579
  background: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4580
  border-radius: 3px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4581
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4582
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4583
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4584
  z-index: 9999; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4585
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4586
/* Styles for screens that are at least 768px; */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4587
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4588
  .joyride-tip-guide {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4589
    width: 300px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4590
    left: inherit; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4591
    .joyride-tip-guide .joyride-nub.bottom {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4592
      border-color: #333333 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4593
      border-bottom-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4594
      border-left-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4595
      border-right-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4596
      bottom: -20px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4597
    .joyride-tip-guide .joyride-nub.right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4598
      border-color: #333333 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4599
      border-right-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4600
      border-bottom-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4601
      border-top-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4602
      left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4603
      right: -20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4604
      top: 22px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4605
    .joyride-tip-guide .joyride-nub.left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4606
      border-color: #333333 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4607
      border-bottom-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4608
      border-left-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4609
      border-top-color: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4610
      left: -20px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4611
      right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4612
      top: 22px; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4613
.label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4614
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4615
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4616
  font-weight: normal;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4617
  line-height: 1;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4618
  margin-bottom: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4619
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4620
  text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4621
  text-decoration: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4622
  white-space: nowrap;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4623
  padding: 0.25rem 0.5rem 0.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4624
  font-size: 0.6875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4625
  background-color: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4626
  color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4627
  .label.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4628
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4629
  .label.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4630
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4631
  .label.alert {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4632
    background-color: #f04124;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4633
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4634
  .label.warning {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4635
    background-color: #f08a24;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4636
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4637
  .label.success {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4638
    background-color: #43AC6A;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4639
    color: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4640
  .label.secondary {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4641
    background-color: #e7e7e7;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4642
    color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4643
  .label.info {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4644
    background-color: #a0d3e8;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4645
    color: #333333; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4646
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4647
.off-canvas-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4648
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4649
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4650
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4651
  overflow: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4652
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4653
    min-height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4654
    -webkit-overflow-scrolling: touch; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4655
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4656
.inner-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4657
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4658
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4659
  -webkit-transition: -webkit-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4660
  -moz-transition: -moz-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4661
  -ms-transition: -ms-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4662
  -o-transition: -o-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4663
  transition: transform 500ms ease; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4664
  .inner-wrap:before, .inner-wrap:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4665
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4666
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4667
  .inner-wrap:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4668
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4669
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4670
.tab-bar {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4671
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4672
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4673
  color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4674
  height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4675
  line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4676
  position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4677
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4678
    color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4679
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4680
    line-height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4681
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4682
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4683
    font-size: 1.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4684
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4685
.left-small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4686
  height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4687
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4688
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4689
  width: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4690
  border-right: solid 1px #1a1a1a;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4691
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4692
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4693
.right-small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4694
  height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4695
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4696
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4697
  width: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4698
  border-left: solid 1px #1a1a1a;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4699
  right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4700
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4701
.tab-bar-section {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4702
  height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4703
  padding: 0 0.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4704
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4705
  text-align: center;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4706
  top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4707
  .tab-bar-section.left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4708
    text-align: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4709
  .tab-bar-section.right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4710
    text-align: right; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4711
  .tab-bar-section.left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4712
    left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4713
    right: 2.8125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4714
  .tab-bar-section.right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4715
    left: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4716
    right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4717
  .tab-bar-section.middle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4718
    left: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4719
    right: 2.8125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4720
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4721
.tab-bar .menu-icon {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4722
  color: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4723
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4724
  height: 2.8125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4725
  padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4726
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4727
  text-indent: 2.1875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4728
  transform: translate3d(0, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4729
  width: 2.8125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4730
  .tab-bar .menu-icon span::after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4731
    content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4732
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4733
    height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4734
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4735
    top: 50%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4736
    margin-top: -0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4737
    left: 0.90625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4738
    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4739
    width: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4740
  .tab-bar .menu-icon span:hover:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4741
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4742
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4743
.left-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4744
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4745
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4746
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4747
  box-sizing: content-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4748
  -webkit-overflow-scrolling: touch;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4749
  -ms-overflow-style: -ms-autohiding-scrollbar;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4750
  overflow-x: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4751
  overflow-y: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4752
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4753
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4754
  transition: transform 500ms ease 0s;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4755
  width: 15.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4756
  z-index: 1001;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4757
  -webkit-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4758
  -moz-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4759
  -ms-transform: translate(-100%, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4760
  -ms-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4761
  -o-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4762
  transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4763
  left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4764
  .left-off-canvas-menu * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4765
    -webkit-backface-visibility: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4766
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4767
.right-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4768
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4769
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4770
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4771
  box-sizing: content-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4772
  -webkit-overflow-scrolling: touch;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4773
  -ms-overflow-style: -ms-autohiding-scrollbar;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4774
  overflow-x: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4775
  overflow-y: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4776
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4777
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4778
  transition: transform 500ms ease 0s;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4779
  width: 15.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4780
  z-index: 1001;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4781
  -webkit-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4782
  -moz-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4783
  -ms-transform: translate(100%, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4784
  -ms-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4785
  -o-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4786
  transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4787
  right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4788
  .right-off-canvas-menu * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4789
    -webkit-backface-visibility: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4790
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4791
ul.off-canvas-list {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4792
  list-style-type: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4793
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4794
  padding: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4795
  ul.off-canvas-list li label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4796
    background: #444444;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4797
    border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4798
    border-top: 1px solid #5e5e5e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4799
    color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4800
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4801
    font-size: 0.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4802
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4803
    margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4804
    padding: 0.3rem 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4805
    text-transform: uppercase; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4806
  ul.off-canvas-list li a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4807
    border-bottom: 1px solid #262626;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4808
    color: rgba(255, 255, 255, 0.7);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4809
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4810
    padding: 0.66667rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4811
    transition: background 300ms ease; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4812
    ul.off-canvas-list li a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4813
      background: #242424; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4814
    ul.off-canvas-list li a:active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4815
      background: #242424; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4816
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4817
.move-right > .inner-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4818
  -webkit-transform: translate3d(15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4819
  -moz-transform: translate3d(15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4820
  -ms-transform: translate(15.625rem, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4821
  -ms-transform: translate3d(15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4822
  -o-transform: translate3d(15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4823
  transform: translate3d(15.625rem, 0, 0); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4824
.move-right .exit-off-canvas {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4825
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4826
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4827
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4828
  transition: background 300ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4829
  -webkit-tap-highlight-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4830
  background: rgba(255, 255, 255, 0.2);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4831
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4832
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4833
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4834
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4835
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4836
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4837
  z-index: 1002; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4838
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4839
    .move-right .exit-off-canvas:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4840
      background: rgba(255, 255, 255, 0.05); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4841
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4842
.move-left > .inner-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4843
  -webkit-transform: translate3d(-15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4844
  -moz-transform: translate3d(-15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4845
  -ms-transform: translate(-15.625rem, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4846
  -ms-transform: translate3d(-15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4847
  -o-transform: translate3d(-15.625rem, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4848
  transform: translate3d(-15.625rem, 0, 0); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4849
.move-left .exit-off-canvas {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4850
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4851
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4852
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4853
  transition: background 300ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4854
  -webkit-tap-highlight-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4855
  background: rgba(255, 255, 255, 0.2);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4856
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4857
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4858
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4859
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4860
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4861
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4862
  z-index: 1002; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4863
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4864
    .move-left .exit-off-canvas:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4865
      background: rgba(255, 255, 255, 0.05); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4866
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4867
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4868
  -ms-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4869
  -webkit-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4870
  -moz-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4871
  -o-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4872
  transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4873
  z-index: 1003; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4874
.offcanvas-overlap .exit-off-canvas {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4875
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4876
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4877
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4878
  transition: background 300ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4879
  -webkit-tap-highlight-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4880
  background: rgba(255, 255, 255, 0.2);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4881
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4882
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4883
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4884
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4885
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4886
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4887
  z-index: 1002; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4888
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4889
    .offcanvas-overlap .exit-off-canvas:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4890
      background: rgba(255, 255, 255, 0.05); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4891
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4892
.offcanvas-overlap-left .right-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4893
  -ms-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4894
  -webkit-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4895
  -moz-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4896
  -o-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4897
  transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4898
  z-index: 1003; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4899
.offcanvas-overlap-left .exit-off-canvas {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4900
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4901
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4902
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4903
  transition: background 300ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4904
  -webkit-tap-highlight-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4905
  background: rgba(255, 255, 255, 0.2);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4906
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4907
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4908
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4909
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4910
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4911
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4912
  z-index: 1002; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4913
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4914
    .offcanvas-overlap-left .exit-off-canvas:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4915
      background: rgba(255, 255, 255, 0.05); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4916
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4917
.offcanvas-overlap-right .left-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4918
  -ms-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4919
  -webkit-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4920
  -moz-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4921
  -o-transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4922
  transform: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4923
  z-index: 1003; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4924
.offcanvas-overlap-right .exit-off-canvas {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4925
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4926
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4927
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4928
  transition: background 300ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4929
  -webkit-tap-highlight-color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4930
  background: rgba(255, 255, 255, 0.2);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4931
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4932
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4933
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4934
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4935
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4936
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4937
  z-index: 1002; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4938
  @media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4939
    .offcanvas-overlap-right .exit-off-canvas:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4940
      background: rgba(255, 255, 255, 0.05); } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4941
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4942
.no-csstransforms .left-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4943
  left: -15.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4944
.no-csstransforms .right-off-canvas-menu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4945
  right: -15.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4946
.no-csstransforms .move-left > .inner-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4947
  right: 15.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4948
.no-csstransforms .move-right > .inner-wrap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4949
  left: 15.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4950
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4951
.left-submenu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4952
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4953
  -webkit-overflow-scrolling: touch;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4954
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4955
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4956
  box-sizing: content-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4957
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4958
  overflow-x: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4959
  overflow-y: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4960
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4961
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4962
  width: 15.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4963
  z-index: 1002;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4964
  -webkit-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4965
  -moz-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4966
  -ms-transform: translate(-100%, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4967
  -ms-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4968
  -o-transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4969
  transform: translate3d(-100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4970
  left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4971
  -webkit-transition: -webkit-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4972
  -moz-transition: -moz-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4973
  -ms-transition: -ms-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4974
  -o-transition: -o-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4975
  transition: transform 500ms ease; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4976
  .left-submenu * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4977
    -webkit-backface-visibility: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4978
  .left-submenu .back > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4979
    background: #444;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4980
    border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4981
    border-top: 1px solid #5e5e5e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4982
    color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4983
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4984
    padding: 0.3rem 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4985
    text-transform: uppercase;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4986
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4987
    .left-submenu .back > a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4988
      background: #303030;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4989
      border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4990
      border-top: 1px solid #5e5e5e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4991
    .left-submenu .back > a:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4992
      content: "\AB";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4993
      margin-right: .5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4994
      display: inline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4995
  .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4996
    -webkit-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4997
    -moz-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4998
    -ms-transform: translate(0%, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  4999
    -ms-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5000
    -o-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5001
    transform: translate3d(0%, 0, 0); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5002
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5003
.right-submenu {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5004
  -webkit-backface-visibility: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5005
  -webkit-overflow-scrolling: touch;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5006
  background: #333333;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5007
  bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5008
  box-sizing: content-box;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5009
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5010
  overflow-x: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5011
  overflow-y: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5012
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5013
  top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5014
  width: 15.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5015
  z-index: 1002;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5016
  -webkit-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5017
  -moz-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5018
  -ms-transform: translate(100%, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5019
  -ms-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5020
  -o-transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5021
  transform: translate3d(100%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5022
  right: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5023
  -webkit-transition: -webkit-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5024
  -moz-transition: -moz-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5025
  -ms-transition: -ms-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5026
  -o-transition: -o-transform 500ms ease;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5027
  transition: transform 500ms ease; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5028
  .right-submenu * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5029
    -webkit-backface-visibility: hidden; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5030
  .right-submenu .back > a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5031
    background: #444;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5032
    border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5033
    border-top: 1px solid #5e5e5e;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5034
    color: #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5035
    font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5036
    padding: 0.3rem 0.9375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5037
    text-transform: uppercase;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5038
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5039
    .right-submenu .back > a:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5040
      background: #303030;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5041
      border-bottom: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5042
      border-top: 1px solid #5e5e5e; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5043
    .right-submenu .back > a:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5044
      content: "\BB";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5045
      margin-left: .5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5046
      display: inline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5047
  .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5048
    -webkit-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5049
    -moz-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5050
    -ms-transform: translate(0%, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5051
    -ms-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5052
    -o-transform: translate3d(0%, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5053
    transform: translate3d(0%, 0, 0); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5054
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5055
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5056
  content: "\BB";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5057
  margin-left: .5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5058
  display: inline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5059
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5060
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5061
  content: "\AB";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5062
  margin-right: .5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5063
  display: inline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5064
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5065
/* Foundation Dropdowns */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5066
.f-dropdown {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5067
  display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5068
  left: -9999px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5069
  list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5070
  margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5071
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5072
  background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5073
  border: solid 1px #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5074
  font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5075
  height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5076
  max-height: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5077
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5078
  z-index: 89;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5079
  margin-top: 2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5080
  max-width: 200px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5081
  .f-dropdown.open {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5082
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5083
  .f-dropdown > *:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5084
    margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5085
  .f-dropdown > *:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5086
    margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5087
  .f-dropdown:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5088
    border: inset 6px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5089
    content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5090
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5091
    height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5092
    width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5093
    border-color: transparent transparent #FFFFFF transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5094
    border-bottom-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5095
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5096
    top: -12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5097
    left: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5098
    z-index: 89; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5099
  .f-dropdown:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5100
    border: inset 7px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5101
    content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5102
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5103
    height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5104
    width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5105
    border-color: transparent transparent #cccccc transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5106
    border-bottom-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5107
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5108
    top: -14px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5109
    left: 9px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5110
    z-index: 88; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5111
  .f-dropdown.right:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5112
    left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5113
    right: 10px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5114
  .f-dropdown.right:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5115
    left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5116
    right: 9px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5117
  .f-dropdown.drop-right {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5118
    display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5119
    left: -9999px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5120
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5121
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5122
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5123
    background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5124
    border: solid 1px #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5125
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5126
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5127
    max-height: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5128
    width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5129
    z-index: 89;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5130
    margin-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5131
    margin-left: 2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5132
    max-width: 200px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5133
    .f-dropdown.drop-right.open {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5134
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5135
    .f-dropdown.drop-right > *:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5136
      margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5137
    .f-dropdown.drop-right > *:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5138
      margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5139
    .f-dropdown.drop-right:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5140
      border: inset 6px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5141
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5142
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5143
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5144
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5145
      border-color: transparent #FFFFFF transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5146
      border-right-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5147
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5148
      top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5149
      left: -12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5150
      z-index: 89; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5151
    .f-dropdown.drop-right:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5152
      border: inset 7px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5153
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5154
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5155
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5156
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5157
      border-color: transparent #cccccc transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5158
      border-right-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5159
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5160
      top: 9px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5161
      left: -14px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5162
      z-index: 88; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5163
  .f-dropdown.drop-left {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5164
    display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5165
    left: -9999px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5166
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5167
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5168
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5169
    background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5170
    border: solid 1px #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5171
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5172
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5173
    max-height: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5174
    width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5175
    z-index: 89;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5176
    margin-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5177
    margin-left: -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5178
    max-width: 200px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5179
    .f-dropdown.drop-left.open {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5180
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5181
    .f-dropdown.drop-left > *:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5182
      margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5183
    .f-dropdown.drop-left > *:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5184
      margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5185
    .f-dropdown.drop-left:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5186
      border: inset 6px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5187
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5188
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5189
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5190
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5191
      border-color: transparent transparent transparent #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5192
      border-left-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5193
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5194
      top: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5195
      right: -12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5196
      left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5197
      z-index: 89; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5198
    .f-dropdown.drop-left:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5199
      border: inset 7px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5200
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5201
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5202
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5203
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5204
      border-color: transparent transparent transparent #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5205
      border-left-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5206
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5207
      top: 9px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5208
      right: -14px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5209
      left: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5210
      z-index: 88; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5211
  .f-dropdown.drop-top {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5212
    display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5213
    left: -9999px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5214
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5215
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5216
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5217
    background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5218
    border: solid 1px #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5219
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5220
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5221
    max-height: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5222
    width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5223
    z-index: 89;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5224
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5225
    margin-top: -2px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5226
    max-width: 200px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5227
    .f-dropdown.drop-top.open {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5228
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5229
    .f-dropdown.drop-top > *:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5230
      margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5231
    .f-dropdown.drop-top > *:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5232
      margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5233
    .f-dropdown.drop-top:before {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5234
      border: inset 6px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5235
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5236
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5237
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5238
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5239
      border-color: #FFFFFF transparent transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5240
      border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5241
      bottom: -12px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5242
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5243
      top: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5244
      left: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5245
      right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5246
      z-index: 89; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5247
    .f-dropdown.drop-top:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5248
      border: inset 7px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5249
      content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5250
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5251
      height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5252
      width: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5253
      border-color: #cccccc transparent transparent transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5254
      border-top-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5255
      bottom: -14px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5256
      position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5257
      top: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5258
      left: 9px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5259
      right: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5260
      z-index: 88; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5261
  .f-dropdown li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5262
    cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5263
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5264
    line-height: 1.125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5265
    margin: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5266
    .f-dropdown li:hover, .f-dropdown li:focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5267
      background: #EEEEEE; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5268
    .f-dropdown li.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5269
      border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5270
    .f-dropdown li a {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5271
      display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5272
      padding: 0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5273
      color: #555555; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5274
  .f-dropdown.content {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5275
    display: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5276
    left: -9999px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5277
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5278
    margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5279
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5280
    background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5281
    border: solid 1px #cccccc;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5282
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5283
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5284
    max-height: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5285
    padding: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5286
    width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5287
    z-index: 89;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5288
    max-width: 200px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5289
    .f-dropdown.content.open {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5290
      display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5291
    .f-dropdown.content > *:first-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5292
      margin-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5293
    .f-dropdown.content > *:last-child {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5294
      margin-bottom: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5295
  .f-dropdown.tiny {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5296
    max-width: 200px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5297
  .f-dropdown.small {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5298
    max-width: 300px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5299
  .f-dropdown.medium {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5300
    max-width: 500px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5301
  .f-dropdown.large {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5302
    max-width: 800px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5303
  .f-dropdown.mega {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5304
    width: 100% !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5305
    max-width: 100% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5306
    .f-dropdown.mega.open {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5307
      left: 0 !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5308
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5309
table {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5310
  background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5311
  border: solid 1px #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5312
  margin-bottom: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5313
  table-layout: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5314
  table caption {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5315
    background: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5316
    color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5317
    font-size: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5318
    font-weight: bold; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5319
  table thead {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5320
    background: #F5F5F5; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5321
    table thead tr th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5322
    table thead tr td {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5323
      color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5324
      font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5325
      font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5326
      padding: 0.5rem 0.625rem 0.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5327
  table tfoot {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5328
    background: #F5F5F5; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5329
    table tfoot tr th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5330
    table tfoot tr td {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5331
      color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5332
      font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5333
      font-weight: bold;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5334
      padding: 0.5rem 0.625rem 0.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5335
  table tr th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5336
  table tr td {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5337
    color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5338
    font-size: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5339
    padding: 0.5625rem 0.625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5340
    text-align: left; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5341
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5342
    background: #F9F9F9; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5343
  table thead tr th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5344
  table tfoot tr th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5345
  table tfoot tr td,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5346
  table tbody tr th,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5347
  table tbody tr td,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5348
  table tr td {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5349
    display: table-cell;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5350
    line-height: 1.125rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5351
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5352
.range-slider {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5353
  border: 1px solid #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5354
  margin: 1.25rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5355
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5356
  -ms-touch-action: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5357
  touch-action: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5358
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5359
  height: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5360
  width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5361
  background: #FAFAFA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5362
  .range-slider.vertical-range {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5363
    border: 1px solid #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5364
    margin: 1.25rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5365
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5366
    -ms-touch-action: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5367
    touch-action: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5368
    display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5369
    height: 12.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5370
    width: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5371
    .range-slider.vertical-range .range-slider-handle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5372
      bottom: -10.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5373
      margin-left: -0.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5374
      margin-top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5375
      position: absolute; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5376
    .range-slider.vertical-range .range-slider-active-segment {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5377
      border-bottom-left-radius: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5378
      border-bottom-right-radius: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5379
      border-top-left-radius: initial;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5380
      bottom: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5381
      height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5382
      width: 0.875rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5383
  .range-slider.radius {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5384
    background: #FAFAFA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5385
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5386
    .range-slider.radius .range-slider-handle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5387
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5388
      border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5389
      .range-slider.radius .range-slider-handle:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5390
        background: #007ba4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5391
  .range-slider.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5392
    background: #FAFAFA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5393
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5394
    .range-slider.round .range-slider-handle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5395
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5396
      border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5397
      .range-slider.round .range-slider-handle:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5398
        background: #007ba4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5399
  .range-slider.disabled, .range-slider[disabled] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5400
    background: #FAFAFA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5401
    cursor: not-allowed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5402
    opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5403
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5404
      background: #008CBA;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5405
      cursor: default;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5406
      opacity: 0.7; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5407
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5408
        background: #007ba4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5409
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5410
.range-slider-active-segment {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5411
  background: #e5e5e5;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5412
  border-bottom-left-radius: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5413
  border-top-left-radius: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5414
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5415
  height: 0.875rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5416
  position: absolute; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5417
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5418
.range-slider-handle {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5419
  border: 1px solid none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5420
  cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5421
  display: inline-block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5422
  height: 1.375rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5423
  position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5424
  top: -0.3125rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5425
  width: 2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5426
  z-index: 1;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5427
  -ms-touch-action: manipulation;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5428
  touch-action: manipulation;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5429
  background: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5430
  .range-slider-handle:hover {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5431
    background: #007ba4; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5432
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5433
[class*="block-grid-"] {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5434
  display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5435
  padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5436
  margin: 0 -0.625rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5437
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5438
    content: " ";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5439
    display: table; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5440
  [class*="block-grid-"]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5441
    clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5442
  [class*="block-grid-"] > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5443
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5444
    float: left;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5445
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5446
    padding: 0 0.625rem 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5447
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5448
@media only screen {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5449
  .small-block-grid-1 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5450
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5451
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5452
    .small-block-grid-1 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5453
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5454
    .small-block-grid-1 > li:nth-of-type(1n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5455
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5456
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5457
  .small-block-grid-2 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5458
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5459
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5460
    .small-block-grid-2 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5461
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5462
    .small-block-grid-2 > li:nth-of-type(2n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5463
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5464
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5465
  .small-block-grid-3 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5466
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5467
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5468
    .small-block-grid-3 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5469
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5470
    .small-block-grid-3 > li:nth-of-type(3n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5471
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5472
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5473
  .small-block-grid-4 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5474
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5475
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5476
    .small-block-grid-4 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5477
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5478
    .small-block-grid-4 > li:nth-of-type(4n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5479
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5480
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5481
  .small-block-grid-5 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5482
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5483
    width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5484
    .small-block-grid-5 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5485
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5486
    .small-block-grid-5 > li:nth-of-type(5n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5487
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5488
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5489
  .small-block-grid-6 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5490
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5491
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5492
    .small-block-grid-6 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5493
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5494
    .small-block-grid-6 > li:nth-of-type(6n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5495
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5496
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5497
  .small-block-grid-7 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5498
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5499
    width: 14.28571%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5500
    .small-block-grid-7 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5501
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5502
    .small-block-grid-7 > li:nth-of-type(7n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5503
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5504
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5505
  .small-block-grid-8 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5506
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5507
    width: 12.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5508
    .small-block-grid-8 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5509
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5510
    .small-block-grid-8 > li:nth-of-type(8n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5511
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5512
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5513
  .small-block-grid-9 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5514
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5515
    width: 11.11111%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5516
    .small-block-grid-9 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5517
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5518
    .small-block-grid-9 > li:nth-of-type(9n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5519
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5520
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5521
  .small-block-grid-10 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5522
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5523
    width: 10%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5524
    .small-block-grid-10 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5525
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5526
    .small-block-grid-10 > li:nth-of-type(10n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5527
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5528
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5529
  .small-block-grid-11 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5530
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5531
    width: 9.09091%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5532
    .small-block-grid-11 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5533
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5534
    .small-block-grid-11 > li:nth-of-type(11n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5535
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5536
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5537
  .small-block-grid-12 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5538
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5539
    width: 8.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5540
    .small-block-grid-12 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5541
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5542
    .small-block-grid-12 > li:nth-of-type(12n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5543
      clear: both; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5544
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5545
  .medium-block-grid-1 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5546
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5547
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5548
    .medium-block-grid-1 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5549
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5550
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5551
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5552
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5553
  .medium-block-grid-2 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5554
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5555
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5556
    .medium-block-grid-2 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5557
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5558
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5559
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5560
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5561
  .medium-block-grid-3 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5562
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5563
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5564
    .medium-block-grid-3 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5565
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5566
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5567
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5568
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5569
  .medium-block-grid-4 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5570
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5571
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5572
    .medium-block-grid-4 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5573
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5574
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5575
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5576
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5577
  .medium-block-grid-5 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5578
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5579
    width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5580
    .medium-block-grid-5 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5581
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5582
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5583
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5584
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5585
  .medium-block-grid-6 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5586
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5587
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5588
    .medium-block-grid-6 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5589
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5590
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5591
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5592
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5593
  .medium-block-grid-7 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5594
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5595
    width: 14.28571%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5596
    .medium-block-grid-7 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5597
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5598
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5599
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5600
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5601
  .medium-block-grid-8 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5602
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5603
    width: 12.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5604
    .medium-block-grid-8 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5605
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5606
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5607
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5608
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5609
  .medium-block-grid-9 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5610
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5611
    width: 11.11111%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5612
    .medium-block-grid-9 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5613
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5614
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5615
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5616
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5617
  .medium-block-grid-10 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5618
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5619
    width: 10%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5620
    .medium-block-grid-10 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5621
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5622
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5623
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5624
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5625
  .medium-block-grid-11 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5626
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5627
    width: 9.09091%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5628
    .medium-block-grid-11 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5629
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5630
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5631
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5632
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5633
  .medium-block-grid-12 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5634
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5635
    width: 8.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5636
    .medium-block-grid-12 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5637
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5638
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5639
      clear: both; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5640
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5641
  .large-block-grid-1 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5642
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5643
    width: 100%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5644
    .large-block-grid-1 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5645
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5646
    .large-block-grid-1 > li:nth-of-type(1n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5647
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5648
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5649
  .large-block-grid-2 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5650
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5651
    width: 50%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5652
    .large-block-grid-2 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5653
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5654
    .large-block-grid-2 > li:nth-of-type(2n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5655
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5656
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5657
  .large-block-grid-3 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5658
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5659
    width: 33.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5660
    .large-block-grid-3 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5661
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5662
    .large-block-grid-3 > li:nth-of-type(3n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5663
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5664
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5665
  .large-block-grid-4 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5666
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5667
    width: 25%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5668
    .large-block-grid-4 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5669
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5670
    .large-block-grid-4 > li:nth-of-type(4n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5671
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5672
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5673
  .large-block-grid-5 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5674
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5675
    width: 20%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5676
    .large-block-grid-5 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5677
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5678
    .large-block-grid-5 > li:nth-of-type(5n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5679
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5680
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5681
  .large-block-grid-6 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5682
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5683
    width: 16.66667%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5684
    .large-block-grid-6 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5685
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5686
    .large-block-grid-6 > li:nth-of-type(6n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5687
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5688
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5689
  .large-block-grid-7 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5690
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5691
    width: 14.28571%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5692
    .large-block-grid-7 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5693
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5694
    .large-block-grid-7 > li:nth-of-type(7n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5695
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5696
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5697
  .large-block-grid-8 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5698
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5699
    width: 12.5%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5700
    .large-block-grid-8 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5701
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5702
    .large-block-grid-8 > li:nth-of-type(8n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5703
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5704
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5705
  .large-block-grid-9 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5706
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5707
    width: 11.11111%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5708
    .large-block-grid-9 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5709
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5710
    .large-block-grid-9 > li:nth-of-type(9n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5711
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5712
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5713
  .large-block-grid-10 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5714
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5715
    width: 10%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5716
    .large-block-grid-10 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5717
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5718
    .large-block-grid-10 > li:nth-of-type(10n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5719
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5720
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5721
  .large-block-grid-11 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5722
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5723
    width: 9.09091%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5724
    .large-block-grid-11 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5725
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5726
    .large-block-grid-11 > li:nth-of-type(11n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5727
      clear: both; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5728
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5729
  .large-block-grid-12 > li {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5730
    list-style: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5731
    width: 8.33333%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5732
    .large-block-grid-12 > li:nth-of-type(1n) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5733
      clear: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5734
    .large-block-grid-12 > li:nth-of-type(12n+1) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5735
      clear: both; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5736
.flex-video {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5737
  height: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5738
  margin-bottom: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5739
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5740
  padding-bottom: 67.5%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5741
  padding-top: 1.5625rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5742
  position: relative; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5743
  .flex-video.widescreen {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5744
    padding-bottom: 56.34%; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5745
  .flex-video.vimeo {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5746
    padding-top: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5747
  .flex-video iframe,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5748
  .flex-video object,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5749
  .flex-video embed,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5750
  .flex-video video {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5751
    height: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5752
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5753
    top: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5754
    width: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5755
    left: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5756
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5757
.keystroke,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5758
kbd {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5759
  background-color: #ededed;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5760
  border-color: #dddddd;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5761
  color: #222222;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5762
  border-style: solid;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5763
  border-width: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5764
  font-family: "Consolas", "Menlo", "Courier", monospace;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5765
  font-size: inherit;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5766
  margin: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5767
  padding: 0.125rem 0.25rem 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5768
  border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5769
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5770
.switch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5771
  border: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5772
  margin-bottom: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5773
  outline: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5774
  padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5775
  position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5776
  -webkit-user-select: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5777
  -moz-user-select: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5778
  -ms-user-select: none;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5779
  user-select: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5780
  .switch label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5781
    background: #DDDDDD;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5782
    color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5783
    cursor: pointer;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5784
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5785
    margin-bottom: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5786
    position: relative;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5787
    text-indent: 100%;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5788
    width: 4rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5789
    height: 2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5790
    transition: left 0.15s ease-out; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5791
  .switch input {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5792
    left: 10px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5793
    opacity: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5794
    padding: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5795
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5796
    top: 9px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5797
    .switch input + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5798
      margin-left: 0;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5799
      margin-right: 0; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5800
  .switch label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5801
    background: #FFFFFF;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5802
    content: "";
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5803
    display: block;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5804
    height: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5805
    left: .25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5806
    position: absolute;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5807
    top: .25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5808
    width: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5809
    -webkit-transition: left 0.15s ease-out;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5810
    -moz-transition: left 0.15s ease-out;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5811
    -o-transition: translate3d(0, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5812
    transition: left 0.15s ease-out;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5813
    -webkit-transform: translate3d(0, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5814
    -moz-transform: translate3d(0, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5815
    -ms-transform: translate3d(0, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5816
    -o-transform: translate3d(0, 0, 0);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5817
    transform: translate3d(0, 0, 0); }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5818
  .switch input:checked + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5819
    background: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5820
  .switch input:checked + label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5821
    left: 2.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5822
  .switch label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5823
    height: 2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5824
    width: 4rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5825
  .switch label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5826
    height: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5827
    width: 1.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5828
  .switch input:checked + label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5829
    left: 2.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5830
  .switch label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5831
    color: transparent;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5832
    background: #DDDDDD; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5833
  .switch label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5834
    background: #FFFFFF; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5835
  .switch input:checked + label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5836
    background: #008CBA; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5837
  .switch.large label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5838
    height: 2.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5839
    width: 5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5840
  .switch.large label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5841
    height: 2rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5842
    width: 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5843
  .switch.large input:checked + label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5844
    left: 2.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5845
  .switch.small label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5846
    height: 1.75rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5847
    width: 3.5rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5848
  .switch.small label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5849
    height: 1.25rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5850
    width: 1.25rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5851
  .switch.small input:checked + label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5852
    left: 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5853
  .switch.tiny label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5854
    height: 1.5rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5855
    width: 3rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5856
  .switch.tiny label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5857
    height: 1rem;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5858
    width: 1rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5859
  .switch.tiny input:checked + label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5860
    left: 1.75rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5861
  .switch.radius label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5862
    border-radius: 4px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5863
  .switch.radius label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5864
    border-radius: 3px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5865
  .switch.round {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5866
    border-radius: 1000px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5867
    .switch.round label {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5868
      border-radius: 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5869
    .switch.round label:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5870
      border-radius: 2rem; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5871
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5872
/* small displays */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5873
@media only screen {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5874
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5875
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5876
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5877
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5878
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5879
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5880
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5881
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5882
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5883
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5884
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5885
    clip: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5886
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5887
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5888
    clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5889
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5890
    overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5891
    position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5892
    width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5893
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5894
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5895
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5896
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5897
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5898
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5899
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5900
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5901
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5902
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5903
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5904
    display: table-row; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5905
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5906
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5907
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5908
/* medium displays */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5909
@media only screen and (min-width: 40.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5910
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5911
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5912
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5913
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5914
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5915
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5916
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5917
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5918
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5919
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5920
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5921
    clip: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5922
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5923
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5924
    clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5925
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5926
    overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5927
    position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5928
    width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5929
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5930
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5931
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5932
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5933
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5934
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5935
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5936
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5937
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5938
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5939
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5940
    display: table-row; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5941
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5942
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5943
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5944
/* large displays */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5945
@media only screen and (min-width: 64.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5946
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5947
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5948
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5949
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5950
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5951
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5952
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5953
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5954
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5955
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5956
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5957
    clip: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5958
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5959
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5960
    clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5961
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5962
    overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5963
    position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5964
    width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5965
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5966
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5967
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5968
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5969
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5970
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5971
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5972
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5973
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5974
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5975
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5976
    display: table-row; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5977
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5978
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5979
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5980
/* xlarge displays */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5981
@media only screen and (min-width: 90.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5982
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5983
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5984
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5985
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5986
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5987
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5988
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5989
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5990
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5991
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5992
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5993
    clip: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5994
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5995
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5996
    clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5997
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5998
    overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  5999
    position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6000
    width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6001
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6002
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6003
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6004
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6005
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6006
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6007
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6008
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6009
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6010
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6011
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6012
    display: table-row; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6013
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6014
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6015
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6016
/* xxlarge displays */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6017
@media only screen and (min-width: 120.0625em) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6018
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6019
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6020
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6021
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6022
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6023
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6024
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6025
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6026
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6027
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6028
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6029
    clip: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6030
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6031
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6032
    clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6033
    height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6034
    overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6035
    position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6036
    width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6037
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6038
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6039
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6040
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6041
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6042
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6043
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6044
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6045
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6046
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6047
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6048
    display: table-row; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6049
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6050
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6051
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6052
/* Orientation targeting */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6053
.show-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6054
.hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6055
  display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6056
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6057
.hide-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6058
.show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6059
  display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6060
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6061
/* Specific visibility for tables */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6062
table.hide-for-landscape, table.show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6063
  display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6064
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6065
thead.hide-for-landscape, thead.show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6066
  display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6067
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6068
tbody.hide-for-landscape, tbody.show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6069
  display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6070
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6071
tr.hide-for-landscape, tr.show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6072
  display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6073
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6074
td.hide-for-landscape, td.show-for-portrait,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6075
th.hide-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6076
th.show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6077
  display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6078
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6079
@media only screen and (orientation: landscape) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6080
  .show-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6081
  .hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6082
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6083
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6084
  .hide-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6085
  .show-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6086
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6087
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6088
  /* Specific visibility for tables */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6089
  table.show-for-landscape, table.hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6090
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6091
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6092
  thead.show-for-landscape, thead.hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6093
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6094
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6095
  tbody.show-for-landscape, tbody.hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6096
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6097
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6098
  tr.show-for-landscape, tr.hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6099
    display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6100
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6101
  td.show-for-landscape, td.hide-for-portrait,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6102
  th.show-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6103
  th.hide-for-portrait {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6104
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6105
@media only screen and (orientation: portrait) {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6106
  .show-for-portrait,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6107
  .hide-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6108
    display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6109
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6110
  .hide-for-portrait,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6111
  .show-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6112
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6113
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6114
  /* Specific visibility for tables */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6115
  table.show-for-portrait, table.hide-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6116
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6117
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6118
  thead.show-for-portrait, thead.hide-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6119
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6120
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6121
  tbody.show-for-portrait, tbody.hide-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6122
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6123
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6124
  tr.show-for-portrait, tr.hide-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6125
    display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6126
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6127
  td.show-for-portrait, td.hide-for-landscape,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6128
  th.show-for-portrait,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6129
  th.hide-for-landscape {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6130
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6131
/* Touch-enabled device targeting */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6132
.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6133
  display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6134
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6135
.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6136
  display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6137
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6138
.touch .show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6139
  display: inherit !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6140
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6141
.touch .hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6142
  display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6143
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6144
/* Specific visibility for tables */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6145
table.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6146
  display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6147
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6148
.touch table.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6149
  display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6150
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6151
thead.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6152
  display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6153
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6154
.touch thead.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6155
  display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6156
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6157
tbody.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6158
  display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6159
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6160
.touch tbody.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6161
  display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6162
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6163
tr.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6164
  display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6165
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6166
.touch tr.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6167
  display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6168
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6169
td.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6170
  display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6171
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6172
.touch td.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6173
  display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6174
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6175
th.hide-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6176
  display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6177
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6178
.touch th.show-for-touch {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6179
  display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6180
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6181
/* Screen reader-specific classes */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6182
.show-for-sr {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6183
  clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6184
  height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6185
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6186
  position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6187
  width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6188
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6189
.show-on-focus {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6190
  clip: rect(1px, 1px, 1px, 1px);
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6191
  height: 1px;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6192
  overflow: hidden;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6193
  position: absolute !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6194
  width: 1px; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6195
  .show-on-focus:focus, .show-on-focus:active {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6196
    position: static !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6197
    height: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6198
    width: auto;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6199
    overflow: visible;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6200
    clip: auto; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6201
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6202
/*
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6203
 * Print styles.
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6204
 *
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6205
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6206
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6207
*/
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6208
.print-only {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6209
  display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6210
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6211
@media print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6212
  * {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6213
    background: transparent !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6214
    box-shadow: none !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6215
    color: #000000 !important;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6216
    /* Black prints faster: h5bp.com/s */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6217
    text-shadow: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6218
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6219
  .show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6220
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6221
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6222
  .hide-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6223
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6224
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6225
  table.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6226
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6227
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6228
  thead.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6229
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6230
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6231
  tbody.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6232
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6233
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6234
  tr.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6235
    display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6236
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6237
  td.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6238
    display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6239
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6240
  th.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6241
    display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6242
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6243
  a,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6244
  a:visited {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6245
    text-decoration: underline; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6246
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6247
  a[href]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6248
    content: " (" attr(href) ")"; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6249
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6250
  abbr[title]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6251
    content: " (" attr(title) ")"; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6252
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6253
  .ir a:after,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6254
  a[href^="javascript:"]:after,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6255
  a[href^="#"]:after {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6256
    content: ""; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6257
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6258
  pre,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6259
  blockquote {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6260
    border: 1px solid #999999;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6261
    page-break-inside: avoid; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6262
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6263
  thead {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6264
    display: table-header-group;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6265
    /* h5bp.com/t */ }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6266
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6267
  tr,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6268
  img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6269
    page-break-inside: avoid; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6270
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6271
  img {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6272
    max-width: 100% !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6273
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6274
  @page {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6275
    margin: .5cm; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6276
  p,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6277
  h2,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6278
  h3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6279
    orphans: 3;
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6280
    widows: 3; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6281
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6282
  h2,
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6283
  h3 {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6284
    page-break-after: avoid; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6285
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6286
  .hide-on-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6287
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6288
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6289
  .print-only {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6290
    display: block !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6291
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6292
  .hide-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6293
    display: none !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6294
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6295
  .show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6296
    display: inherit !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6297
/* Print visibility */
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6298
@media print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6299
  .show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6300
    display: block; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6301
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6302
  .hide-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6303
    display: none; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6304
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6305
  table.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6306
    display: table !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6307
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6308
  thead.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6309
    display: table-header-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6310
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6311
  tbody.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6312
    display: table-row-group !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6313
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6314
  tr.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6315
    display: table-row !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6316
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6317
  td.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6318
    display: table-cell !important; }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6319
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6320
  th.show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6321
    display: table-cell !important; } }
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6322
@media not print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6323
  .show-for-print {
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset
  6324
    display: none !important; } }