2017-05-09 07:56:36 +02:00
/*Don't make changes to layout here, only colours*/
2017-05-06 17:06:22 +02:00
/* Torrent status colors */
. remake {
2017-05-10 00:10:12 +02:00
background-color : # 473e50 ; /*270,13%,28%*/
2017-05-06 17:06:22 +02:00
}
. trusted {
2017-05-10 00:10:12 +02:00
background-color : # 395045 ; /*150,17%,27%*/
2017-05-06 17:06:22 +02:00
}
. aplus {
2017-05-10 00:10:12 +02:00
background-color : # 3c5b71 ; /*205,30%,34%*/
}
. remake a {
color : # cfc2dc ; /*270,26%,81%*/
}
. trusted a {
color : # bde0db ; /*170,36%,81%*/
}
. remake a : hover {
color : # cf9fff ;
}
. trusted a : hover {
color : # 6ae3d1 ;
}
. table > tbody > tr > td , . table > tbody > tr > th , . table > tfoot > tr > td , . table > tfoot > tr > th , . table > thead > tr > td , . table > thead > tr > th {
border-color : hsla ( 200 , 60 % , 70 % , 0 . 15 ) ;
2017-05-06 17:06:22 +02:00
}
2017-05-10 00:34:35 +02:00
. pagination > li > a ,
. pagination > li > span {
color : # fff ;
background-color : # b294bb ;
border-color : # b294bb ;
}
. pagination > . active > a ,
. pagination > . active > a : focus ,
. pagination > . active > a : hover ,
. pagination > . active > span ,
. pagination > . active > span : focus ,
. pagination > . active > span : hover {
background-color : # a2c9dd ;
border-color : # a2c9dd ;
}
2017-05-09 08:52:42 +02:00
2017-05-06 17:06:22 +02:00
# mainmenu {
background : # 263238 ;
color : # f2f2f2 ;
border : 0px solid # 263238 ;
}
# mainmenu a {
color : # eff5f5 ;
}
# container {
2017-05-07 18:19:37 +02:00
background-color : # 29363d ;
2017-05-06 17:06:22 +02:00
}
2017-05-09 23:55:55 +02:00
/ * # container . cont-home {
2017-05-06 17:06:22 +02:00
background : # 29363d url ( / img / megumin . png ) no-repeat ;
}
# container . cont-view {
background : # 29363d url ( / img / megumin . png ) no-repeat ;
2017-05-07 23:40:34 +02:00
background-size : 75px ;
2017-05-06 17:06:22 +02:00
}
2017-05-09 23:55:55 +02:00
* /
2017-05-10 11:21:46 +02:00
img # mascot {
display : block ;
background-image : url ( / img / megumin . png ) ;
box-sizing : border-box ;
height : 167px ;
width : 125px ;
padding-left : 125px ;
}
/ * The above is thanks to https : / / css-tricks . com / replace-the-image-in-an-img-with-css /
Used to avoid the layout bugs caused by pure css background mascots , while still avoiding
JS to switch the images . * /
2017-05-06 17:06:22 +02:00
body {
2017-05-08 02:51:54 +02:00
background-color : # 282A2E ;
2017-05-06 17:06:22 +02:00
color : # eff5f5 ;
}
. pagination > . active > a {
2017-05-07 20:54:05 +02:00
background : # ececec ;
2017-05-06 17:06:22 +02:00
border-color : # ececec ;
color : # 337ab7 ; /* restore usual text color */
}
/* Links, Text */
a {
2017-05-10 00:10:12 +02:00
color : # a2c9dd ;
}
a : hover {
color : # 55c5ff ;
text-shadow : 1px 1px 0 # 000 ;
2017-05-06 17:06:22 +02:00
}
2017-05-08 02:51:54 +02:00
. btn-success {
color : # fff ;
background-color : # b294bb ;
border-color : # b294bb ;
}
2017-05-06 17:06:22 +02:00
2017-05-08 06:49:00 +02:00
: target {
background-color : # 585b4f ;
}
2017-05-09 07:56:36 +02:00
/* style the dropdown member menu */
2017-05-09 07:27:18 +02:00
. nav > . dropdown . open , . profile-image [ aria-expanded = "true" ] , . nav ul . dropdown-menu {
2017-05-09 08:13:23 +02:00
background : # 282A2E ;
2017-05-09 07:27:18 +02:00
}
. dropdown-menu > li > a : focus , . dropdown-menu > li > a : hover {
background : # 263238 ;
}
2017-05-09 16:15:38 +02:00
/* Profile Content */
. profile-content {
background : # 29363d ;
}
2017-05-09 09:09:22 +02:00
/* Night mode switcher */
# mainmenu a . nightswitch {
background-image : url ( / img / moon . png ) ;
}
2017-05-10 21:46:34 +02:00
/* Force images on description to fit width */
# description img {
display : block ;
max-width : 100 % ;
height : auto ;
}