Gecko [ myeducation.co.th ]

Name	Size	Permission
accordion.css	8.51 KB	-rwxr-xr-x
accordion.js	19.7 KB	-rwxr-xr-x
accordion.min.css	6.78 KB	-rwxr-xr-x
accordion.min.js	6.95 KB	-rwxr-xr-x
ad.css	3.81 KB	-rwxr-xr-x
ad.min.css	2.01 KB	-rwxr-xr-x
api.js	38.85 KB	-rwxr-xr-x
api.min.js	14.28 KB	-rwxr-xr-x
breadcrumb.css	1.99 KB	-rwxr-xr-x
breadcrumb.min.css	1.16 KB	-rwxr-xr-x
button.css	109.89 KB	-rwxr-xr-x
button.min.css	88.08 KB	-rwxr-xr-x
card.css	23.76 KB	-rwxr-xr-x
card.min.css	16.99 KB	-rwxr-xr-x
checkbox.css	16.45 KB	-rwxr-xr-x
checkbox.js	25.47 KB	-rwxr-xr-x
checkbox.min.css	12.42 KB	-rwxr-xr-x
checkbox.min.js	11.12 KB	-rwxr-xr-x
colorize.js	8.24 KB	-rwxr-xr-x
colorize.min.js	3.18 KB	-rwxr-xr-x
comment.css	4.74 KB	-rwxr-xr-x
comment.min.css	2.87 KB	-rwxr-xr-x
container.css	2.88 KB	-rwxr-xr-x
container.min.css	1.87 KB	-rwxr-xr-x
dimmer.css	5.18 KB	-rwxr-xr-x
dimmer.js	21.06 KB	-rwxr-xr-x
dimmer.min.css	3.43 KB	-rwxr-xr-x
dimmer.min.js	7.9 KB	-rwxr-xr-x
divider.css	7.59 KB	-rwxr-xr-x
divider.min.css	5.95 KB	-rwxr-xr-x
dropdown.css	35.06 KB	-rwxr-xr-x
dropdown.js	138.66 KB	-rwxr-xr-x
dropdown.min.css	25.07 KB	-rwxr-xr-x
dropdown.min.js	49.76 KB	-rwxr-xr-x
embed.css	2.93 KB	-rwxr-xr-x
embed.js	19.43 KB	-rwxr-xr-x
embed.min.css	1.79 KB	-rwxr-xr-x
embed.min.js	7.43 KB	-rwxr-xr-x
feed.css	5.42 KB	-rwxr-xr-x
feed.min.css	3.5 KB	-rwxr-xr-x
flag.css	20.89 KB	-rwxr-xr-x
flag.min.css	18.13 KB	-rwxr-xr-x
form.css	27.36 KB	-rwxr-xr-x
form.js	54.6 KB	-rwxr-xr-x
form.min.css	21.05 KB	-rwxr-xr-x
form.min.js	19.99 KB	-rwxr-xr-x
grid.css	69.33 KB	-rwxr-xr-x
grid.min.css	55.97 KB	-rwxr-xr-x
header.css	12.47 KB	-rwxr-xr-x
header.min.css	8.66 KB	-rwxr-xr-x
icon.css	80.21 KB	-rwxr-xr-x
icon.min.css	65.44 KB	-rwxr-xr-x
image.css	5.24 KB	-rwxr-xr-x
image.min.css	3.63 KB	-rwxr-xr-x
input.css	11.89 KB	-rwxr-xr-x
input.min.css	8.48 KB	-rwxr-xr-x
item.css	9.05 KB	-rwxr-xr-x
item.min.css	5.84 KB	-rwxr-xr-x
label.css	26.46 KB	-rwxr-xr-x
label.min.css	19.53 KB	-rwxr-xr-x
list.css	21.03 KB	-rwxr-xr-x
list.min.css	15.71 KB	-rwxr-xr-x
loader.css	6.62 KB	-rwxr-xr-x
loader.min.css	4.58 KB	-rwxr-xr-x
menu.css	42.2 KB	-rwxr-xr-x
menu.min.css	30.74 KB	-rwxr-xr-x
message.css	11.68 KB	-rwxr-xr-x
message.min.css	8.15 KB	-rwxr-xr-x
modal.css	11.9 KB	-rwxr-xr-x
modal.js	31.65 KB	-rwxr-xr-x
modal.min.css	7.82 KB	-rwxr-xr-x
modal.min.js	12.41 KB	-rwxr-xr-x
nag.css	2.52 KB	-rwxr-xr-x
nag.js	14.69 KB	-rwxr-xr-x
nag.min.css	1.44 KB	-rwxr-xr-x
nag.min.js	5.58 KB	-rwxr-xr-x
placeholder.css	5.57 KB	-rwxr-xr-x
placeholder.min.css	4.34 KB	-rwxr-xr-x
popup.css	16.26 KB	-rwxr-xr-x
popup.js	49.55 KB	-rwxr-xr-x
popup.min.css	11.74 KB	-rwxr-xr-x
popup.min.js	18.2 KB	-rwxr-xr-x
progress.css	9.91 KB	-rwxr-xr-x
progress.js	29.56 KB	-rwxr-xr-x
progress.min.css	7.24 KB	-rwxr-xr-x
progress.min.js	12.1 KB	-rwxr-xr-x
rail.css	2.44 KB	-rwxr-xr-x
rail.min.css	1.41 KB	-rwxr-xr-x
rating.css	19.95 KB	-rwxr-xr-x
rating.js	14.02 KB	-rwxr-xr-x
rating.min.css	17.95 KB	-rwxr-xr-x
rating.min.js	5.24 KB	-rwxr-xr-x
reset.css	8.44 KB	-rwxr-xr-x
reset.min.css	2.75 KB	-rwxr-xr-x
reveal.css	7.7 KB	-rwxr-xr-x
reveal.min.css	5.64 KB	-rwxr-xr-x
search.css	9.7 KB	-rwxr-xr-x
search.js	48.54 KB	-rwxr-xr-x
search.min.css	6.72 KB	-rwxr-xr-x
search.min.js	17.22 KB	-rwxr-xr-x
segment.css	18.72 KB	-rwxr-xr-x
segment.min.css	13.42 KB	-rwxr-xr-x
shape.css	3.62 KB	-rwxr-xr-x
shape.js	28.27 KB	-rwxr-xr-x
shape.min.css	2.45 KB	-rwxr-xr-x
shape.min.js	10.56 KB	-rwxr-xr-x
sidebar.css	14.77 KB	-rwxr-xr-x
sidebar.js	32.67 KB	-rwxr-xr-x
sidebar.min.css	10.47 KB	-rwxr-xr-x
sidebar.min.js	13.17 KB	-rwxr-xr-x
site.css	3.63 KB	-rwxr-xr-x
site.js	13.79 KB	-rwxr-xr-x
site.min.css	2.39 KB	-rwxr-xr-x
site.min.js	5.94 KB	-rwxr-xr-x
state.js	20.3 KB	-rwxr-xr-x
state.min.js	7.62 KB	-rwxr-xr-x
statistic.css	12.36 KB	-rwxr-xr-x
statistic.min.css	9.36 KB	-rwxr-xr-x
step.css	22.38 KB	-rwxr-xr-x
step.min.css	18.71 KB	-rwxr-xr-x
sticky.css	1.18 KB	-rwxr-xr-x
sticky.js	30.13 KB	-rwxr-xr-x
sticky.min.css	599 B	-rwxr-xr-x
sticky.min.js	11.59 KB	-rwxr-xr-x
tab.css	1.73 KB	-rwxr-xr-x
tab.js	32.05 KB	-rwxr-xr-x
tab.min.css	1.04 KB	-rwxr-xr-x
tab.min.js	11.24 KB	-rwxr-xr-x
table.css	23.82 KB	-rwxr-xr-x
table.min.css	17.57 KB	-rwxr-xr-x
transition.css	46.01 KB	-rwxr-xr-x
transition.js	34.16 KB	-rwxr-xr-x
transition.min.css	32.73 KB	-rwxr-xr-x
transition.min.js	12.71 KB	-rwxr-xr-x
video.css	2.17 KB	-rwxr-xr-x
video.js	15.35 KB	-rwxr-xr-x
video.min.css	1.29 KB	-rwxr-xr-x
video.min.js	5.94 KB	-rwxr-xr-x
visibility.js	41.86 KB	-rwxr-xr-x
visibility.min.js	15.93 KB	-rwxr-xr-x
visit.js	15.26 KB	-rwxr-xr-x
visit.min.js	5.74 KB	-rwxr-xr-x

Code Editor : message.css

/*!
 * # Semantic UI 2.4.0 - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Message
*******************************/

.ui.message {
  position: relative;
  min-height: 1em;
  margin: 1em 0em;
  background: #F8F8F9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.message:first-child {
  margin-top: 0em;
}
.ui.message:last-child {
  margin-bottom: 0em;
}

/*--------------
     Content
---------------*/

/* Header */
.ui.message .header {
  display: block;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: -0.14285714em 0em 0rem 0em;
}

/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.14285714em;
}

/* Paragraph */
.ui.message p {
  opacity: 0.85;
  margin: 0.75em 0em;
}
.ui.message p:first-child {
  margin-top: 0em;
}
.ui.message p:last-child {
  margin-bottom: 0em;
}
.ui.message .header + p {
  margin-top: 0.25em;
}

/* List */
.ui.message .list:not(.ui) {
  text-align: left;
  padding: 0em;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0em 0em;
}
.ui.message .list:not(.ui):first-child {
  margin-top: 0em;
}
.ui.message .list:not(.ui):last-child {
  margin-bottom: 0em;
}
.ui.message .list:not(.ui) li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em 0.3em 1em;
  padding: 0em;
}
.ui.message .list:not(.ui) li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.ui.message .list:not(.ui) li:last-child {
  margin-bottom: 0em;
}

/* Icon */
.ui.message > .icon {
  margin-right: 0.6em;
}

/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.message > .close.icon:hover {
  opacity: 1;
}

/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0em;
}
.ui.message > :last-child {
  margin-bottom: 0em;
}

/*******************************
            Coupling
*******************************/

.ui.dropdown .menu > .message {
  margin: 0px -1px;
}

/*******************************
            States
*******************************/

/*--------------
    Visible
---------------*/

.ui.visible.visible.visible.visible.message {
  display: block;
}
.ui.icon.visible.visible.visible.visible.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*--------------
     Hidden
---------------*/

.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}

/*******************************
            Variations
*******************************/

/*--------------
    Compact
---------------*/

.ui.compact.message {
  display: inline-block;
}
.ui.compact.icon.message {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*--------------
    Attached
---------------*/

.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: -1px;
  border-radius: 0em;
}
.ui.bottom.attached.message {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em;
}
.ui.attached.icon.message {
  width: auto;
}

/*--------------
      Icon
---------------*/

.ui.icon.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.icon.message > .icon:not(.close) {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8;
}
.ui.icon.message > .content {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  vertical-align: middle;
}
.ui.icon.message .icon:not(.close) + .content {
  padding-left: 0rem;
}
.ui.icon.message .circular.icon {
  width: 1em;
}

/*--------------
    Floating
---------------*/

.ui.floating.message {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
          box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}

/*--------------
     Colors
---------------*/

.ui.black.message {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}

/*--------------
     Types
---------------*/

/* Positive */
.ui.positive.message {
  background-color: #FCFFF5;
  color: #2C662D;
}
.ui.positive.message,
.ui.attached.positive.message {
  -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.positive.message .header {
  color: #1A531B;
}

/* Negative */
.ui.negative.message {
  background-color: #FFF6F6;
  color: #9F3A38;
}
.ui.negative.message,
.ui.attached.negative.message {
  -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.negative.message .header {
  color: #912D2B;
}

/* Info */
.ui.info.message {
  background-color: #F8FFFF;
  color: #276F86;
}
.ui.info.message,
.ui.attached.info.message {
  -webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.info.message .header {
  color: #0E566C;
}

/* Warning */
.ui.warning.message {
  background-color: #FFFAF3;
  color: #573A08;
}
.ui.warning.message,
.ui.attached.warning.message {
  -webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.warning.message .header {
  color: #794B02;
}

/* Error */
.ui.error.message {
  background-color: #FFF6F6;
  color: #9F3A38;
}
.ui.error.message,
.ui.attached.error.message {
  -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.error.message .header {
  color: #912D2B;
}

/* Success */
.ui.success.message {
  background-color: #FCFFF5;
  color: #2C662D;
}
.ui.success.message,
.ui.attached.success.message {
  -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.success.message .header {
  color: #1A531B;
}

/* Colors */
.ui.inverted.message,
.ui.black.message {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
.ui.red.message {
  background-color: #FFE8E6;
  color: #DB2828;
  -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.red.message .header {
  color: #c82121;
}
.ui.orange.message {
  background-color: #FFEDDE;
  color: #F2711C;
  -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.orange.message .header {
  color: #e7640d;
}
.ui.yellow.message {
  background-color: #FFF8DB;
  color: #B58105;
  -webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.yellow.message .header {
  color: #9c6f04;
}
.ui.olive.message {
  background-color: #FBFDEF;
  color: #8ABC1E;
  -webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.olive.message .header {
  color: #7aa61a;
}
.ui.green.message {
  background-color: #E5F9E7;
  color: #1EBC30;
  -webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.green.message .header {
  color: #1aa62a;
}
.ui.teal.message {
  background-color: #E1F7F7;
  color: #10A3A3;
  -webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.teal.message .header {
  color: #0e8c8c;
}
.ui.blue.message {
  background-color: #DFF0FF;
  color: #2185D0;
  -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.blue.message .header {
  color: #1e77ba;
}
.ui.violet.message {
  background-color: #EAE7FF;
  color: #6435C9;
  -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.violet.message .header {
  color: #5a30b5;
}
.ui.purple.message {
  background-color: #F6E7FF;
  color: #A333C8;
  -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.purple.message .header {
  color: #922eb4;
}
.ui.pink.message {
  background-color: #FFE3FB;
  color: #E03997;
  -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.pink.message .header {
  color: #dd238b;
}
.ui.brown.message {
  background-color: #F1E2D3;
  color: #A5673F;
  -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.brown.message .header {
  color: #935b38;
}

/*--------------
     Sizes
---------------*/

.ui.mini.message {
  font-size: 0.78571429em;
}
.ui.tiny.message {
  font-size: 0.85714286em;
}
.ui.small.message {
  font-size: 0.92857143em;
}
.ui.message {
  font-size: 1em;
}
.ui.large.message {
  font-size: 1.14285714em;
}
.ui.big.message {
  font-size: 1.28571429em;
}
.ui.huge.message {
  font-size: 1.42857143em;
}
.ui.massive.message {
  font-size: 1.71428571em;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
        Site Overrides
*******************************/

${this.title}

Code Editor : message.css