Set hover border to the content wrapper
This commit is contained in:
parent
84f94810af
commit
c7009f85da
@ -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,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);
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user