css styling

This commit is contained in:
nnwhen 2025-02-04 16:44:55 +02:00
parent 2d6f9d985b
commit 847abbbe54
3 changed files with 0 additions and 31 deletions

View file

@ -9,7 +9,6 @@
columns: 2; columns: 2;
} }
.support h2 { .support h2 {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
1px 1px 0 #000; 1px 1px 0 #000;
@ -28,14 +27,12 @@
filter: drop-shadow(black 5px 5px 5px); filter: drop-shadow(black 5px 5px 5px);
margin-bottom: 40px; margin-bottom: 40px;
} }
.link-branch h2 { .link-branch h2 {
margin: 5px; margin: 5px;
margin-left: 40px; margin-left: 40px;
color: var(--max-light); color: var(--max-light);
} }
.link-branch ul { .link-branch ul {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@ -48,7 +45,6 @@
list-style-type: none; list-style-type: none;
margin: 5px auto; margin: 5px auto;
} }
.link-branch ul h3 { .link-branch ul h3 {
width: 200px; width: 200px;
text-align: center; text-align: center;
@ -59,60 +55,48 @@
background-color: var(--light); background-color: var(--light);
color: var(--dark); color: var(--dark);
} }
.link-branch ul a { .link-branch ul a {
margin: 10px auto; margin: 10px auto;
width: 100%; width: 100%;
} }
.link-branch ul a li { .link-branch ul a li {
text-align: center; text-align: center;
background-color: var(--text-background); background-color: var(--text-background);
padding: 15px; padding: 15px;
border-radius: 25px; border-radius: 25px;
} }
.link-branch ul a:hover li { .link-branch ul a:hover li {
background-color: var(--light); background-color: var(--light);
color: var(--dark); color: var(--dark);
} }
#link-list.support .link-branch { #link-list.support .link-branch {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
#link-list.support .link-branch:nth-child(1) { #link-list.support .link-branch:nth-child(1) {
background-image: url(res/img-flg-drctact.jpg); background-image: url(res/img-flg-drctact.jpg);
} }
#link-list.support .link-branch:nth-child(2) { #link-list.support .link-branch:nth-child(2) {
background-image: url(res/img-flg-flstn.jpg); background-image: url(res/img-flg-flstn.jpg);
background-position: top; background-position: top;
} }
#link-list.support .link-branch:nth-child(3) { #link-list.support .link-branch:nth-child(3) {
background-image: url(res/img-flg-sdn.jpg); background-image: url(res/img-flg-sdn.jpg);
background-position: top; background-position: top;
} }
#link-list.support .link-branch:nth-child(4) { #link-list.support .link-branch:nth-child(4) {
background-image: url(res/img-flg-ethpa.jpg); background-image: url(res/img-flg-ethpa.jpg);
} }
#link-list.support .link-branch:nth-child(5) { #link-list.support .link-branch:nth-child(5) {
background-image: url(res/img-flg-cng.jpg); background-image: url(res/img-flg-cng.jpg);
} }
#link-list.support .link-branch:nth-child(6) { #link-list.support .link-branch:nth-child(6) {
background-image: url(res/img-flg-ngria.jpg); background-image: url(res/img-flg-ngria.jpg);
} }
#link-list.support .link-branch:nth-child(7) { #link-list.support .link-branch:nth-child(7) {
background-image: url(res/img-flg-msk.jpg); background-image: url(res/img-flg-msk.jpg);
} }
#link-list.support .link-branch:nth-child(8) { #link-list.support .link-branch:nth-child(8) {
background-image: url(res/img-flg-msc.jpg); background-image: url(res/img-flg-msc.jpg);
} }
@ -120,9 +104,7 @@
@media only screen and (max-width: 850px) { @media only screen and (max-width: 850px) {
#link-list.support { #link-list.support {
-webkit-columns: 1; -webkit-columns: 1;
-moz-columns: 1; -moz-columns: 1;
columns: 1; columns: 1;
} }
} }

View file

@ -16,31 +16,24 @@
margin: 15px 5px; margin: 15px 5px;
-webkit-box-shadow: var(--title-background) 1px 1px 10px; -webkit-box-shadow: var(--title-background) 1px 1px 10px;
box-shadow: var(--title-background) 1px 1px 10px; box-shadow: var(--title-background) 1px 1px 10px;
-webkit-transition: ease-out 200ms; -webkit-transition: ease-out 200ms;
-o-transition: ease-out 200ms; -o-transition: ease-out 200ms;
transition: ease-out 200ms; transition: ease-out 200ms;
} }
.social-box a:hover img { .social-box a:hover img {
-webkit-filter: drop-shadow(var(--accent) 5px 5px 0); -webkit-filter: drop-shadow(var(--accent) 5px 5px 0);
filter: drop-shadow(var(--accent) 5px 5px 0); filter: drop-shadow(var(--accent) 5px 5px 0);
} }
.social-box a:hover p { .social-box a:hover p {
color: var(--accent-focus) !important; color: var(--accent-focus) !important;
} }
.social-box:hover { .social-box:hover {
-webkit-box-shadow: var(--title-background) 5px 5px 15px; -webkit-box-shadow: var(--title-background) 5px 5px 15px;
box-shadow: var(--title-background) 5px 5px 15px; box-shadow: var(--title-background) 5px 5px 15px;
background-color: var(--blog-box); background-color: var(--blog-box);
} }
.social-box h1 { .social-box h1 {
text-justify: distribute; text-justify: distribute;
text-align: justify; text-align: justify;
@ -53,7 +46,6 @@
margin: 5px 0; margin: 5px 0;
padding: 0 20px; padding: 0 20px;
} }
.social-box h2 { .social-box h2 {
text-justify: distribute; text-justify: distribute;
text-align: justify; text-align: justify;
@ -67,14 +59,12 @@
color: var(--load-light); color: var(--load-light);
background-color: var(--title-background); background-color: var(--title-background);
} }
.social-box p { .social-box p {
margin: 5px 0; margin: 5px 0;
color: var(--light); color: var(--light);
padding: 5px 25px 15px 25px; padding: 5px 25px 15px 25px;
text-shadow: var(--max-dark) 1px 1px 1px; text-shadow: var(--max-dark) 1px 1px 1px;
} }
.social-box img { .social-box img {
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain; object-fit: contain;
@ -83,8 +73,6 @@
height: 180px; height: 180px;
-webkit-transition: ease-out 200ms; -webkit-transition: ease-out 200ms;
-o-transition: ease-out 200ms; -o-transition: ease-out 200ms;
transition: ease-out 200ms; transition: ease-out 200ms;
} }

View file

@ -1,7 +1,6 @@
/* /*
* Browsers: >0.3%,last 4 version * Browsers: >0.3%,last 4 version
*/ */
/* overall */ /* overall */
:root { :root {
--max-0: #000000; --max-0: #000000;