ami/src/ami.css/themes/yuuno.css

138 lines
3.6 KiB
CSS

/* Yuuno by flashwave <http://flash.moe> */
.ami-themeOpt-yuuno {
background-color: #c2affe;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ami-theme-yuuno {
background-color: #fbeeff;
background-image: linear-gradient(to bottom, #c2affe, #fbeeff);
background-image: -moz-linear-gradient(to bottom, #c2affe, #fbeeff);
background-image: -webkit-linear-gradient(to bottom, #c2affe, #fbeeff);
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
height: 100%;
width: 100%;
}
.ami-theme-yuuno a,
.ami-theme-yuuno a:visited {
color: #22e;
text-decoration: none;
}
.ami-theme-yuuno a:hover {
text-decoration: underline;
}
.ami-theme-yuuno a:active {
color: #e22;
}
.ami-theme-yuuno #chatTitle {
color: #643B8C;
}
.ami-theme-yuuno #chat select {
background-color: #fff;
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%, #e5e5e5 50%);
background-image: -moz-linear-gradient(to bottom, #fff 0%, #eee 50%, #e5e5e5 50%);
background-image: -webkit-linear-gradient(to bottom, #fff 0%, #eee 50%, #e5e5e5 50%);
border: 1px solid #ccc;
}
.ami-theme-yuuno #chatList {
border: 1px solid #9475b2;
box-shadow: 0 0 3px #9475b2;
}
.ami-theme-yuuno #chatList .botName {
color: #9e8da7;
}
.ami-theme-yuuno #chatList .botError {
color: #f00;
}
.ami-theme-yuuno .rowEven,
.ami-theme-yuuno #chat .sidebar .top {
background: #d3bfff;
}
.ami-theme-yuuno .rowOdd {
background: #c2affe;
}
.ami-theme-yuuno .date {
font-size: .7em;
}
.ami-theme-yuuno #chat .sidebar {
border: 1px solid #9475b2;
box-shadow: 0 0 3px #9475b2;
}
.ami-theme-yuuno #chat .sidebar .top {
font-size: 1em;
text-align: center;
font-weight: bold;
color: #643b8c;
background-color: #9475b2;
background-image: linear-gradient(to right, #9475b2, #c2affe);
background-image: -moz-linear-gradient(to right, #9475b2, #c2affe);
background-image: -webkit-linear-gradient(to right, #9475b2, #c2affe);
}
.ami-theme-yuuno #chat .sidebar .body {
font-size: .9em;
}
.ami-theme-yuuno .alert input[type="password"],
.ami-theme-yuuno .alert input[type="text"],
.ami-theme-yuuno #chat textarea,
.ami-theme-yuuno #inputFieldContainer input[type="text"] {
box-shadow: 0 0 3px #9475b2, inset #ddd 0 0 5px;
background-color: #fff;
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%, #e5e5e5 50%);
background-image: -moz-linear-gradient(to bottom, #fff 0%, #eee 50%, #e5e5e5 50%);
background-image: -webkit-linear-gradient(to bottom, #fff 0%, #eee 50%, #e5e5e5 50%);
border: 1px solid #ccc;
}
.ami-theme-yuuno .alert input[type="password"],
.ami-theme-yuuno .alert input[type="text"] {
padding: 5px 2px;
}
.ami-theme-yuuno #chat input[type="button"],
.ami-theme-yuuno #chat input[type="submit"] {
box-shadow: inset #222 0 0 1px;
text-shadow: #888 0 0 2px;
cursor: pointer;
padding: 3px 10px;
background-color: #9475b2;
background-image: linear-gradient(to bottom, #9475b2 0%, #9475b2 50%, #86a 50%);
background-image: -moz-linear-gradient(to bottom, #9475b2 0%, #9475b2 50%, #86a 50%);
background-image: -webkit-linear-gradient(to bottom, #9475b2 0%, #9475b2 50%, #86a 50%);
border-radius: 3px;
color: #f0f0f0;
border: 0;
transition: text-shadow .5s, box-shadow .5s;
}
.ami-theme-yuuno #chat input[type="button"]:hover,
.ami-theme-yuuno #chat input[type="submit"]:hover {
box-shadow: inset #222 0 0 3px;
text-shadow: #f1f1f1 0 0 5px;
}
.ami-theme-yuuno #chat input[type="button"]:active,
.ami-theme-yuuno #chat input[type="submit"]:active {
box-shadow: inset #222 0 0 5px;
text-shadow: #f1f1f1 0 0 3px;
transition: text-shadow .2s, box-shadow .2s;
}