ami/src/ami.css/themes/misuzu.css

160 lines
3.7 KiB
CSS

/* Misuzu by flashwave <https://flash.moe> */
.ami-themeOpt-misuzu {
background-color: #8559a5;
color: #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.ami-theme-misuzu {
background: url('/images/clouds-8559a5.jpg');
color: #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
}
.ami-theme-misuzu #chat a,
.ami-theme-misuzu #chat a:visited {
color: #fff;
}
.ami-theme-misuzu #chatList a,
.ami-theme-misuzu #chatList a:visited {
color: #1e90ff;
}
.ami-theme-misuzu a {
text-decoration: none;
}
.ami-theme-misuzu a:hover {
text-decoration: underline;
}
.ami-theme-misuzu #chat select {
border: 1px solid #222;
background: #222;
color: #fff;
border-radius: 2px;
box-shadow: inset 0 0 4px #111;
transition: border-color .2s;
}
.ami-theme-misuzu #chat select:focus {
border-color: #8559a5;
}
.ami-theme-misuzu #chatList {
border: 1px solid #161616;
background-color: #161616;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.ami-theme-misuzu #emotes {
border: 1px solid #161616;
background-color: #161616;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.ami-theme-misuzu #chatList .botName {
color: #9e8da7;
}
.ami-theme-misuzu #chatList .botError {
color: #f00;
}
.ami-theme-misuzu .rowOdd {
background: #181818;
}
.ami-theme-misuzu .rowEven {
background: #131313;
}
.ami-theme-misuzu #chat .sidebar .top {
background-color: #111;
background-image: linear-gradient(to bottom, #8559a5, #181818);
background-image: -moz-linear-gradient(to bottom, #8559a5, #181818);
background-image: -webkit-linear-gradient(to bottom, #8559a5, #181818);
color: #fff;
}
.ami-theme-misuzu .date {
font-size: .7em;
}
.ami-theme-misuzu #chat .sidebar {
border: 1px solid #161616;
background-color: #161616;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.ami-theme-misuzu #chat .sidebar .top {
font-size: 1em;
text-align: center;
font-weight: bold;
}
.ami-theme-misuzu #chat .sidebar .body {
font-size: .9em;
}
.ami-theme-misuzu .alert input[type="password"],
.ami-theme-misuzu .alert input[type="text"],
.ami-theme-misuzu #inputFieldContainer input[type="text"] {
color: #fff;
background: #000;
border: 1px solid #808080;
}
.ami-theme-misuzu #chat textarea {
color: #fff;
border: 1px solid #161616;
background-color: #161616;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.ami-theme-misuzu .alert input[type="password"],
.ami-theme-misuzu .alert input[type="text"] {
padding: 5px 2px;
}
.ami-theme-misuzu #chat input[type="button"],
.ami-theme-misuzu #chat input[type="submit"] {
background-color: #161616;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
cursor: pointer;
transition: color .2s, background-color .2s;
padding: 4px 10px;
border: 1px solid #8559a5;
color: #8559a5;
border-radius: 2px;
}
.ami-theme-misuzu #chat input[type="button"]:hover,
.ami-theme-misuzu #chat input[type="submit"]:hover
.ami-theme-misuzu #chat input[type="button"]:focus,
.ami-theme-misuzu #chat input[type="submit"]:focus
.ami-theme-misuzu #chat input[type="button"]:active,
.ami-theme-misuzu #chat input[type="submit"]:active {
color: #111;
background-color: #8559a5;
}
.ami-theme-misuzu #statusIconContainer {
background-image: url('/images/loading-sprite-link.png');
position: absolute;
top: 14px;
right: 20px;
width: 25px;
height: 26px;
}
.ami-theme-misuzu #statusIconContainer.status-green {
background-position: 0px 0px;
}
.ami-theme-misuzu #statusIconContainer.status-yellow {
background-position: 0px -26px;
}
.ami-theme-misuzu #statusIconContainer.status-red {
background-position: 0px -52px;
}