1
0
www.mikescher.com/www/data/css/styles_programspanel.scss

104 lines
1.7 KiB
SCSS
Raw Permalink Normal View History

2018-01-03 21:02:40 +01:00
@import 'styles_config';
.programs_pnl_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_entry {
display: flex;
flex-direction: column;
2018-01-03 21:02:40 +01:00
width: 190px;
2018-01-03 21:02:40 +01:00
2019-11-08 15:15:58 +01:00
border: $LAYER2_BORDER;
background: $LAYER2_BG;
color: $LAYER2_FG;
text-decoration: none;
2018-01-03 21:02:40 +01:00
margin: 4px;
2018-01-03 21:02:40 +01:00
&:hover {
background: $COL_COMPLEXHOVER_BG;
color: $COL_COMPLEXHOVER_FG;
border: 1px solid $COL_COMPLEXHOVER_BRD;
2018-01-03 21:02:40 +01:00
.programs_pnl_center { color: $COL_COMPLEXHOVER_FG; }
.programs_pnl_bottom { background: $COL_COMPLEXHOVER_BG; border-top: 1px solid $COL_COMPLEXHOVER_BRD; }
2018-01-27 18:13:38 +01:00
.programs_pnl_img img { filter: grayscale(100%); }
2018-01-03 21:02:40 +01:00
}
}
2018-01-03 21:02:40 +01:00
.programs_pnl_img {
display:flex;
flex-direction: column;
justify-content: flex-start;
2018-01-03 21:02:40 +01:00
margin: 4px;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_img img {
width: 100%;
height: auto;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_center {
display: flex;
justify-content: center;
align-items: flex-end;
text-align: center;
2018-01-03 21:02:40 +01:00
2019-11-08 15:15:58 +01:00
color: $LAYER2_FG;
font-weight: bolder;
font-size: 15pt;
2018-01-03 21:02:40 +01:00
flex-grow: 1;
2018-01-04 01:11:41 +01:00
margin: 0 2px;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_bottom {
2019-11-08 15:15:58 +01:00
background: $LAYER2_HEADER_BG;
border-top: 1px solid transparent;
2018-01-03 21:02:40 +01:00
display: flex;
flex-direction: row;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-grow: 1;
text-align: center;
2018-01-03 21:02:40 +01:00
display:flex;
flex-direction: column;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_bottom_sub_top {
2019-11-08 15:15:58 +01:00
color: $LAYER2_FG_LIGHT;
}
.programs_pnl_bottom_sub_bot {
2019-11-08 15:15:58 +01:00
color: $LAYER2_FG;
font-weight: bolder;
2018-01-03 21:02:40 +01:00
}
2018-01-20 14:41:21 +01:00
@include rdmedia_range(0,1) {
2018-01-03 21:02:40 +01:00
.programs_pnl_entry {
width: 100%;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_bottom_sub_top {
margin-left: 4px;
margin-right: 6px;
}
2018-01-03 21:02:40 +01:00
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row;
2018-01-03 21:02:40 +01:00
}
2018-01-03 21:02:40 +01:00
}