css styling
This commit is contained in:
parent
2d6f9d985b
commit
847abbbe54
3 changed files with 0 additions and 31 deletions
18
free.css
18
free.css
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
12
socials.css
12
socials.css
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Add table
Reference in a new issue