Set hover border to the content wrapper

This commit is contained in:
sigonasr2, Sig, Sigo 2022-05-03 15:44:02 +00:00
parent 84f94810af
commit c7009f85da
2 changed files with 29 additions and 22 deletions

View File

@ -22,7 +22,7 @@ public class sigPlace {
final static HashMap<String,String> map = new HashMap<>(Map.ofEntries( final static HashMap<String,String> map = new HashMap<>(Map.ofEntries(
new AbstractMap.SimpleEntry<>("$SITENAME", "SigPlace"), new AbstractMap.SimpleEntry<>("$SITENAME", "SigPlace"),
new AbstractMap.SimpleEntry<>("$SITE_BACKCOL", "#111"), new AbstractMap.SimpleEntry<>("$SITE_BACKCOL", "#111"),
new AbstractMap.SimpleEntry<>("$TITLE_CONTENT_START", "<div><h1>"), new AbstractMap.SimpleEntry<>("$TITLE_CONTENT_START", "<div class=\"contentWrapper\"><h1>"),
new AbstractMap.SimpleEntry<>("$TITLE_CONTENT_END", "</h1><div class=\"content\">"), new AbstractMap.SimpleEntry<>("$TITLE_CONTENT_END", "</h1><div class=\"content\">"),
new AbstractMap.SimpleEntry<>("$CONTENT_END", "</div>"), new AbstractMap.SimpleEntry<>("$CONTENT_END", "</div>"),
new AbstractMap.SimpleEntry<>("$DATE_CONTENT_START", "<div class=\"date\">") new AbstractMap.SimpleEntry<>("$DATE_CONTENT_START", "<div class=\"date\">")

View File

@ -57,26 +57,7 @@ body{
text-shadow: 0.3px 0.3px 3px #666666; text-shadow: 0.3px 0.3px 3px #666666;
} }
.contentBody h1{ .contentBody .contentWrapper{
display: inline-block;
font-size:3.25em;
margin: 12px 4px 0px 4px;
padding: 12px 32px 0px 32px;
border-bottom-style: outset;
border-radius:32px 32px 0px 0px;
background-color:rgba(255, 255, 255, .06);
}
.contentBody .content{
display: inline-block;
min-width:98vw;
font-size:1.25em;
padding: 4px;
margin: 0px 4px 0px 4px;
background-color: rgba(255, 255, 255, .06);
}
.contentBody .date{
font-size:0.75em; font-size:0.75em;
background-color: rgba(255, 255, 255, .06); background-color: rgba(255, 255, 255, .06);
border-style: none outset outset none; border-style: none outset outset none;
@ -87,6 +68,32 @@ body{
min-width:98vw; min-width:98vw;
} }
.contentBody .date:hover{ .contentBody .contentWrapper h1{
display: inline-block;
font-size:3.25em;
margin: 12px 4px 0px 4px;
padding: 12px 32px 0px 32px;
border-bottom-style: outset;
border-radius:32px 32px 0px 0px;
background-color:rgba(255, 255, 255, .06);
}
.contentBody .contentWrapper .content{
display: inline-block;
min-width:98vw;
font-size:1.25em;
padding: 4px;
margin: 0px 4px 0px 4px;
background-color: rgba(255, 255, 255, .06);
}
.contentBody .contentWrapper .date{
font-size:0.75em;
background-color: rgba(255, 255, 255, .06);
margin: 0px 4px 0px 4px;
min-width:98vw;
}
.contentBody .contentWrapper:hover{
border-color: rgb(17, 153, 17, .8); border-color: rgb(17, 153, 17, .8);
} }