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

added webapps section

Browse Source
This commit is contained in:
Mike Schwörer
2018-05-13 15:46:13 +02:00
parent eba2d04272
commit 02aaaf793d
9 changed files with 201 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1354,6 +1354,54 @@ html, body {
margin: 10px; }
/* 400px */
.webapplistelem_container {
display: flex;
align-items: center;
flex-direction: column; }
.webapplistelem {
width: 100%;
border: solid 1px #444;
margin: 10px 5px;
color: #333;
text-decoration: none; }
.webapplistelem {
background-color: #BBB; }
.webapplistelem .wle_date {
background-color: #AAA;
color: #333; }
.webapplistelem:hover {
border: solid 1px black; }
.webapplistelem:hover {
background-color: white;
color: black; }
.webapplistelem:hover .wle_date {
background-color: white;
color: black;
border-bottom: 1px solid black; }
.wle_date {
background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px;
font-size: 0.8em;
font-style: italic; }
.wle_title {
font-weight: bold;
font-size: 1.2em;
text-align: left;
margin: 2px 0 2px 10px; }
@media (max-width: 767px) {
.wle_title {
font-size: 1.25em; } }
/* 400px */
.ev_master {
align-self: center; }
@media (min-width: 851px) {

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

@@ -328,6 +328,16 @@ html,body{margin:0;padding:0;height:100%}
#bookv_header h1{font-size:18pt}
}
.bookv_extra{height:500px;border:1px solid #333;margin:10px}
.webapplistelem_container{display:flex;align-items:center;flex-direction:column}
.webapplistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none}
.webapplistelem{background-color:#BBB}
.webapplistelem .wle_date{background-color:#AAA;color:#333}
.webapplistelem:hover{border:solid 1px black}
.webapplistelem:hover{background-color:white;color:black}
.webapplistelem:hover .wle_date{background-color:white;color:black;border-bottom:1px solid black}
.wle_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic}
.wle_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px}
@media(max-width:767px){.wle_title{font-size:1.25em}}
.ev_master{align-self:center}
@media(min-width:851px){.ev_master{padding-bottom:80px}}
.ev_master .ev_code{color:#000;text-align:center;font-size:150pt;font-weight:500;font-family:Consolas,Monaco,"Courier New",Menlo,monospace}

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

@@ -17,6 +17,8 @@
@import 'styles_bookslist';
@import 'styles_booksview';
@import 'styles_webappslist';
@import 'styles_errorview';
@import 'styles_eulerpanel';

42
www/data/css/styles_webappslist.scss Normal file
View File

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