Set hover border to the content wrapper

main
sigonasr2, Sig, Sigo 3 years ago
parent 84f94810af
commit c7009f85da
  1. 2
      sigPlace.java
  2. 25
      sitefiles/sig.css

@ -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\">")

@ -57,7 +57,18 @@ body{
text-shadow: 0.3px 0.3px 3px #666666; text-shadow: 0.3px 0.3px 3px #666666;
} }
.contentBody h1{ .contentBody .contentWrapper{
font-size:0.75em;
background-color: rgba(255, 255, 255, .06);
border-style: none outset outset none;
border-radius: 0px 0px 12px 0px;
border-color: rgb(17, 153, 17, .3);
border-width: 3px;
margin: 0px 4px 8px 4px;
min-width:98vw;
}
.contentBody .contentWrapper h1{
display: inline-block; display: inline-block;
font-size:3.25em; font-size:3.25em;
margin: 12px 4px 0px 4px; margin: 12px 4px 0px 4px;
@ -67,7 +78,7 @@ body{
background-color:rgba(255, 255, 255, .06); background-color:rgba(255, 255, 255, .06);
} }
.contentBody .content{ .contentBody .contentWrapper .content{
display: inline-block; display: inline-block;
min-width:98vw; min-width:98vw;
font-size:1.25em; font-size:1.25em;
@ -76,17 +87,13 @@ body{
background-color: rgba(255, 255, 255, .06); background-color: rgba(255, 255, 255, .06);
} }
.contentBody .date{ .contentBody .contentWrapper .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; margin: 0px 4px 0px 4px;
border-radius: 0px 0px 12px 0px;
border-color: rgb(17, 153, 17, .3);
border-width: 3px;
margin: 0px 4px 8px 4px;
min-width:98vw; min-width:98vw;
} }
.contentBody .date:hover{ .contentBody .contentWrapper:hover{
border-color: rgb(17, 153, 17, .8); border-color: rgb(17, 153, 17, .8);
} }
Loading…
Cancel
Save