Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

blog-panel to index

Browse Source
This commit is contained in:
Mike Schwörer
2018-01-26 21:12:04 +01:00
parent c3566d9338
commit 1c21bdd7cf
15 changed files with 139 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
www/data/css/styles.css
View File

@@ -1153,6 +1153,50 @@ html, body {
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row; } }
/* 400px */
.blog_pnl_content {
display: flex;
align-items: center;
flex-direction: column; }
.blogpnl_base {
width: 100%;
border: solid 1px #444;
margin: 10px 5px;
color: #333;
text-decoration: none;
background-color: #BBB; }
.blogpnl_date {
background-color: #AAA;
color: #333; }
.blogpnl_base:hover {
border: solid 1px black;
background-color: white;
color: black; }
.blogpnl_base:hover .blogpnl_date {
background-color: white;
color: black;
border-bottom: 1px solid black; }
.blogpnl_date {
background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px;
font-size: 0.8em;
font-style: italic; }
.blogpnl_title {
font-weight: bold;
font-size: 1.2em;
text-align: left;
margin: 2px 0 2px 10px; }
@media (max-width: 850px) {
.blogpnl_title {
text-align: center; } }
/* 400px */
.bfjoust_runner_owner {
border: 1px solid #888;
background: #F8F8F8;

8
www/data/css/styles.min.css vendored
View File

@@ -278,6 +278,14 @@ html,body{margin:0;padding:0;height:100%}
.programs_pnl_bottom_sub_top{margin-left:4px;margin-right:6px}
.programs_pnl_bottom_1,.programs_pnl_bottom_2{flex-direction:row}
}
.blog_pnl_content{display:flex;align-items:center;flex-direction:column}
.blogpnl_base{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none;background-color:#BBB}
.blogpnl_date{background-color:#AAA;color:#333}
.blogpnl_base:hover{border:solid 1px black;background-color:white;color:black}
.blogpnl_base:hover .blogpnl_date{background-color:white;color:black;border-bottom:1px solid black}
.blogpnl_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic}
.blogpnl_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px}
@media(max-width:850px){.blogpnl_title{text-align:center}}
.bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px}
.bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap}
.bfjoust_runner_owner .hsplit_1{flex:1;margin:4px}

1
www/data/css/styles.scss
View File

@@ -15,5 +15,6 @@
@import 'styles_eulerpanel';
@import 'styles_programspanel';
@import 'styles_blogpanel';
@import 'styles_bfjoustrunner';
@import 'styles_befungerunner';

44
www/data/css/styles_blogpanel.scss Normal file
View File

@@ -0,0 +1,44 @@
@import 'styles_config';
.blog_pnl_content {
display: flex;
align-items: center;
flex-direction: column;
}
.blogpnl_base {
width: 100%;
border: solid 1px #444;
margin: 10px 5px;
color: $COL_TEXT_DARK;
text-decoration: none;
background-color: #BBB;
}
.blogpnl_date { background-color: #AAA; color: $COL_TEXT_DARK; }
.blogpnl_base:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; }
.blogpnl_base:hover .blogpnl_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; }
.blogpnl_date {
background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px;
font-size: 0.8em;
font-style: italic;
}
.blogpnl_title {
font-weight: bold;
font-size: 1.2em;
text-align: left;
margin: 2px 0 2px 10px;
}
@include rdmedia_range(0,1) {
.blogpnl_title { text-align: center; }
}