ami/src/ami.css/themes/oxygen.css

106 lines
2.4 KiB
CSS

/* Oxygen by flashwave <http://flash.moe>, colour palette inspired by PunBB style "Oxygen": http://punbb.org/ */
.ami-themeOpt-oxygen {
background: #f1f1f1;
color: #0066b9;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ami-theme-oxygen {
background: #f1f1f1;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
}
.ami-theme-oxygen #chat a,
.ami-theme-oxygen #chat a:visited {
color: #0066b9;
}
.ami-theme-oxygen #chatList a,
.ami-theme-oxygen #chatList a:visited {
color: #0066b9;
}
.ami-theme-oxygen a {
text-decoration: none;
}
.ami-theme-oxygen a:hover {
text-decoration: underline;
}
.ami-theme-oxygen #chat select {
border: 1px solid #0066b9;
}
.ami-theme-oxygen #chatList {
border: 1px solid #0066b9;
}
.ami-theme-oxygen #chatList .botName {
color: #9e8da7;
}
.ami-theme-oxygen #chatList .botError {
color: #f00;
}
.ami-theme-oxygen .rowEven,
.ami-theme-oxygen #chat .sidebar .top {
background: #f1f1f1;
}
.ami-theme-oxygen .rowOdd {
background: #e6e7e7;
}
.ami-theme-oxygen .date {
font-size: .7em;
}
.ami-theme-oxygen #chat .sidebar {
background: #f1f1f1;
border: 1px solid #0066b9;
}
.ami-theme-oxygen #chat .sidebar .top {
font-size: 1em;
text-align: center;
font-weight: bold;
background-color: #0066b9;
background-image: linear-gradient(to bottom, #2a6ab8, #4795cc);
background-image: -moz-linear-gradient(to bottom, #2a6ab8, #4795cc);
background-image: -webkit-linear-gradient(to bottom, #2a6ab8, #4795cc);
color: #fff;
}
.ami-theme-oxygen #chat .sidebar .body {
font-size: .9em;
}
.ami-theme-oxygen .alert input[type="password"],
.ami-theme-oxygen .alert input[type="text"],
.ami-theme-oxygen #chat textarea,
.ami-theme-oxygen #inputFieldContainer input[type="text"] {
border: 1px solid #0066b9;
}
.ami-theme-oxygen .alert input[type="password"],
.ami-theme-oxygen .alert input[type="text"] {
padding: 5px 2px;
}
.ami-theme-oxygen #chat input[type="button"],
.ami-theme-oxygen #chat input[type="submit"] {
cursor: pointer;
padding: 4px 10px;
background-color: #0066b9;
background-image: linear-gradient(to bottom, #4795cc, #2a6ab8);
background-image: -moz-linear-gradient(to bottom, #4795cc, #2a6ab8);
background-image: -webkit-linear-gradient(to bottom, #4795cc, #2a6ab8);
color: #FFF;
border: 1px solid #0066b9;
}