Style announcements
This commit is contained in:
parent
a881adc667
commit
e431dacd1d
|
@ -162,6 +162,22 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
position: relative;
|
||||||
|
padding: 0 $general-padding $general-padding;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.close-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 5px;
|
||||||
|
right: 5px;
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
.word {
|
.word {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
@ -182,6 +182,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px #000000;
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -182,6 +182,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px $dark;
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -181,6 +181,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -181,6 +181,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -182,6 +182,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px #000000;
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -181,6 +181,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -181,6 +181,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -182,6 +182,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px #000000;
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -182,6 +182,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px #000000;
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
|
@ -182,6 +182,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background-color: saturate(lighten($footer-color, 20%), 20%);
|
||||||
|
box-shadow: 4px 4px 5px 0px #000000;
|
||||||
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
background-color: $entry-color;
|
background-color: $entry-color;
|
||||||
border: 1px solid darken($entry-color, 20);
|
border: 1px solid darken($entry-color, 20);
|
||||||
|
|
Loading…
Reference in New Issue