Initial Codebase (untested)
This commit is contained in:
James Mills
1180
internal/static/css/01-pico.css
Normal file
1180
internal/static/css/01-pico.css
Normal file
File diff suppressed because it is too large
Load Diff
229
internal/static/css/02-icss.css
Normal file
229
internal/static/css/02-icss.css
Normal file
@@ -0,0 +1,229 @@
|
||||
|
||||
i[class*="icss-"] {
|
||||
position: relative;
|
||||
display:inline-block;
|
||||
font-style: normal;
|
||||
background-color:currentColor;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
}
|
||||
i[class*="icss-"]:before,
|
||||
i[class*="icss-"]:after {
|
||||
content: "";
|
||||
border-width: 0;
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Size */
|
||||
[class*="icss-"].xxsmall {
|
||||
font-size: .45em;
|
||||
}
|
||||
[class*="icss-"].xsmall {
|
||||
font-size: .5em;
|
||||
}
|
||||
[class*="icss-"].small {
|
||||
font-size: .65em;
|
||||
}
|
||||
[class*="icss-"].x1_5 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
[class*="icss-"].x2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
[class*="icss-"].x2_5 {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
[class*="icss-"].x3 {
|
||||
font-size: 3em;
|
||||
}
|
||||
[class*="icss-"].x4 {
|
||||
font-size: 4em;
|
||||
}
|
||||
[class*="icss-"].x5 {
|
||||
font-size: 5em;
|
||||
}
|
||||
|
||||
/* Align text-bottom */
|
||||
i[class*="icss-"].bottom {
|
||||
vertical-align:text-bottom;
|
||||
}
|
||||
|
||||
/* flip */
|
||||
.flip {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
/* rotate */
|
||||
i[class*="icss-"].rot10 {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
i[class*="icss-"].rot-10 {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
i[class*="icss-"].rot20 {
|
||||
transform: rotate(20deg);
|
||||
}
|
||||
i[class*="icss-"].rot-20 {
|
||||
transform: rotate(-20deg);
|
||||
}
|
||||
i[class*="icss-"].rot45 {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
i[class*="icss-"].rot-45 {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
i[class*="icss-"].rot90 {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
i[class*="icss-"].rot-90 {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
i[class*="icss-"].rot180 {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
i[class*="icss-"].rot-180 {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
/* force animation */
|
||||
i.icss-anim,
|
||||
i.icss-anim:before,
|
||||
i.icss-anim:after {
|
||||
transition: all 1s;
|
||||
}
|
||||
|
||||
/* Spin */
|
||||
.icss-spin {
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
.icss-pulse {
|
||||
animation: spin 1s infinite steps(8);
|
||||
}
|
||||
|
||||
.icss-spin-hover:hover {
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* BELL */
|
||||
@keyframes ring {
|
||||
0%{transform:rotate(-15deg)}
|
||||
2%{transform:rotate(15deg)}
|
||||
4%{transform:rotate(-18deg)}
|
||||
6%{transform:rotate(18deg)}
|
||||
8%{transform:rotate(-22deg)}
|
||||
10%{transform:rotate(22deg)}
|
||||
12%{transform:rotate(-18deg)}
|
||||
14%{transform:rotate(18deg)}
|
||||
16%{transform:rotate(-12deg)}
|
||||
18%{transform:rotate(12deg)}
|
||||
20%,100%{transform:rotate(0deg)}
|
||||
}
|
||||
|
||||
.icss-ring {
|
||||
animation: ring 2s infinite ease;
|
||||
}
|
||||
.icss-ring-hover:hover {
|
||||
animation: ring 2s infinite ease;
|
||||
}
|
||||
|
||||
/* VERTICAL */
|
||||
@keyframes vertical {
|
||||
0%{transform:translate(0,-3px)}
|
||||
4%{transform:translate(0,3px)}
|
||||
8%{transform:translate(0,-3px)}
|
||||
12%{transform:translate(0,3px)}
|
||||
16%{transform:translate(0,-3px)}
|
||||
20%{transform:translate(0,3px)}
|
||||
22%,100%{transform:translate(0,0)}
|
||||
}
|
||||
.icss-vibes,
|
||||
.icss-vibes-hover:hover {
|
||||
animation: vertical 2s ease infinite;
|
||||
}
|
||||
|
||||
/* HORIZONTAL */
|
||||
@keyframes horizontal {
|
||||
0%{transform:translate(0,0)}
|
||||
6%{transform:translate(5px,0)}
|
||||
12%{transform:translate(0,0)}
|
||||
18%{transform:translate(5px,0)}
|
||||
24%{transform:translate(0,0)}
|
||||
30%{transform:translate(5px,0)}
|
||||
36%,100%{transform:translate(0,0)}
|
||||
}
|
||||
.icss-shake,
|
||||
.icss-shake-hover:hover {
|
||||
animation: horizontal 2s ease infinite;
|
||||
}
|
||||
|
||||
/* TADA */
|
||||
@keyframes tada {
|
||||
0% {transform: scale(1)}
|
||||
10%,20% {transform:scale(.9) rotate(-8deg);}
|
||||
30%,50%,70% {transform:scale(1.3) rotate(8deg)}
|
||||
40%,60% {transform:scale(1.3) rotate(-8deg)}
|
||||
80%,100% {transform:scale(1) rotate(0)}
|
||||
}
|
||||
|
||||
.icss-tada,
|
||||
.icss-tada-hover:hover{
|
||||
animation: tada 2s linear infinite;
|
||||
}
|
||||
|
||||
/* Reverse animation */
|
||||
.icss-reverse {
|
||||
animation-direction: reverse;
|
||||
}
|
||||
[class*="-hover"].icss-reverse:hover {
|
||||
animation-direction: reverse;
|
||||
}
|
||||
|
||||
/* Stack icons */
|
||||
.icss-stack {
|
||||
position: relative;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.icss-stack i[class*="icss-"] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-.5em, -.5em);
|
||||
}
|
||||
|
||||
.icss-stack i[class*="icss-"].bottom {
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
/* shadow icon */
|
||||
.icss-shadow {
|
||||
position: relative;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.icss-shadow i[class*="icss-"] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-.5em, -.5em);
|
||||
}
|
||||
|
||||
.icss-shadow i[class*="icss-"]:first-child {
|
||||
top: 54%;
|
||||
left: 54%;
|
||||
}
|
||||
1217
internal/static/css/03-icons.css
Normal file
1217
internal/static/css/03-icons.css
Normal file
File diff suppressed because it is too large
Load Diff
184
internal/static/css/99-spyda.css
Normal file
184
internal/static/css/99-spyda.css
Normal file
@@ -0,0 +1,184 @@
|
||||
body, html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
article p img {
|
||||
display: block;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
article hgroup h3 {
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
article hgroup footer {
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility:hidden;
|
||||
width:0;
|
||||
height:0;
|
||||
}
|
||||
.invisible.width-none{
|
||||
width: 0px !important;
|
||||
}
|
||||
|
||||
.nav {
|
||||
z-index: 1050;
|
||||
}
|
||||
|
||||
.captchaInput {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
/* Fix spacing for Search/Go button and icons */
|
||||
.icss-search {
|
||||
margin-right:20px !important;
|
||||
}
|
||||
|
||||
#cookie-law{
|
||||
background-color: rgb(50, 50, 50) !important;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#cookie-law p{
|
||||
color: #ffffff;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
background-color: rgb(50, 50, 50) !important;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#cookie-law p a[role=button]{
|
||||
margin: 10px 0px 0px 10px;
|
||||
padding: 5px 15px;
|
||||
font-size: 13px;
|
||||
color: #dcdcdc !important;
|
||||
border-color: 1px solid var(--primary) !important;
|
||||
border-radius: 0.25rem !important;
|
||||
}
|
||||
|
||||
/* Footer Style */
|
||||
footer{
|
||||
border-top: 1px solid var(--primary);
|
||||
background-color: rgba(234, 232, 232, 0.1);
|
||||
font-size: 85%;
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
footer {
|
||||
font-size: 83%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
footer {
|
||||
font-size: 81%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
footer {
|
||||
font-size: 79%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
footer {
|
||||
font-size: 77%;
|
||||
}
|
||||
}
|
||||
body > footer{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-content: center;
|
||||
}
|
||||
footer .footer-menu{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
footer .footer-menu a{
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
position: relative;
|
||||
}
|
||||
footer .footer-menu a::after{
|
||||
content: '';
|
||||
height: 12px;
|
||||
width: 1px;
|
||||
background-color: #929292;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 4px;
|
||||
}
|
||||
footer .footer-menu a:last-child{
|
||||
border: none;
|
||||
padding-right: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
footer .footer-menu a:last-child::after{
|
||||
content: none;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.toolbar-nav li {
|
||||
padding: 1rem .2rem;
|
||||
}
|
||||
nav{
|
||||
justify-content: unset;
|
||||
-webkit-justify-content: unset;
|
||||
-moz-justify-content: unset;
|
||||
-ms-justify-content: unset;
|
||||
}
|
||||
nav.toolbar-nav ul{
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
display: -webkit-flexbox;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
flex-direction: row;
|
||||
-webkit-flex-direction: row;
|
||||
-moz-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-moz-justify-content: space-between;
|
||||
-ms-justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
nav.toolbar-nav ul li{
|
||||
padding: 0.5rem 0px;
|
||||
flex: 1;
|
||||
-webkit-flex: 0 1 100%;
|
||||
-moz-flex: 0 1 100%;
|
||||
-ms-flex: 0 1 100%;
|
||||
text-align: center;
|
||||
}
|
||||
[data-tooltip]:not(a):not(button):not(input){
|
||||
border-bottom: none;
|
||||
}
|
||||
#cookie-law p a[role=button]{
|
||||
display: block;
|
||||
width: 20%;
|
||||
margin: 10px auto 0px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
nav.pagination-nav{
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
/* Footer Style */
|
||||
body > footer{
|
||||
text-align: center;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
footer .footer-copyright{
|
||||
margin-top: 10px;
|
||||
}
|
||||
footer .footer-menu{
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user