daniele/ER-TPL
1
0
Fork 0
mirror of https://github.com/Daniongithub/ER-TPL.git synced 2025-12-06 11:22:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Nuova definizione classe bottoni che usano <a>

Browse Source
This commit is contained in:
Leocraft1
2025-10-30 17:27:31 +01:00
parent a607b81034
commit c290ae8060
43 changed files with 140 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
style.css
View File

@@ -5,29 +5,7 @@ body{
font-family: Titillium Web;
margin-bottom: 0px;
}
.button {
display: inline-block;
text-decoration: none;
font-size: 18px;
width: auto;
margin-bottom: 1rem;
margin-left: 10px;
margin-right: 10px;
padding: 0 20px;
font-weight: 700;
line-height: 48px;
letter-spacing: .1px;
white-space: wrap;
border-radius: 8px;
cursor: pointer;
color: white;
background-color: blue;
box-shadow: 0 5px 0 darkblue;
}
.button:active {
box-shadow: none;
transform: translateY(5px)
}
p.listamezzi{
border-radius: 5px;
display:inline;
@@ -51,7 +29,10 @@ a{
a.novita{
color: rgb(0, 255, 0);
}
a.gbutton{
/*PULSANTI CON <a>*/
a.button {
display: inline-block;
text-decoration: none;
font-size: 18px;
@@ -66,75 +47,39 @@ a.gbutton{
white-space: wrap;
border-radius: 8px;
cursor: pointer;
}
a.button:active {
box-shadow: none;
transform: translateY(5px)
}
/*COLORI BUTTON*/
a.blue.button{
color: white;
background-color: blue;
box-shadow: 0 5px 0 darkblue;
}
a.green.button{
color: white;
background-color: rgb(0, 160, 0);
box-shadow: 0 5px 0 darkgreen;
}
.gbutton:active {
box-shadow: none;
transform: translateY(5px)
}
a.rbutton{
display: inline-block;
text-decoration: none;
font-size: 18px;
width: auto;
margin-bottom: 1rem;
margin-left: 10px;
margin-right: 10px;
padding: 0 20px;
font-weight: 700;
line-height: 48px;
letter-spacing: .1px;
white-space: wrap;
border-radius: 8px;
cursor: pointer;
a.red.button{
color: white;
background-color: rgb(200, 0, 0);
box-shadow: 0 5px 0 darkred;
}
.rbutton:active {
box-shadow: none;
transform: translateY(5px)
}
a.ybutton{
display: inline-block;
text-decoration: none;
font-size: 18px;
width: auto;
margin-bottom: 1rem;
margin-left: 10px;
margin-right: 10px;
padding: 0 20px;
font-weight: 700;
line-height: 48px;
letter-spacing: .1px;
white-space: wrap;
border-radius: 8px;
cursor: pointer;
a.yellow.button{
color: black;
background-color: rgb(255, 255, 0);
box-shadow: 0 5px 0 darkgoldenrod;
}
.ybutton:active {
box-shadow: none;
transform: translateY(5px)
}
a.wbutton {
display: inline-block;
text-decoration: none;
font-size: 18px;
width: auto;
margin-bottom: 1rem;
margin-left: 10px;
margin-right: 10px;
padding: 0 20px;
font-weight: 700;
line-height: 48px;
letter-spacing: .1px;
white-space: wrap;
border-radius: 8px;
cursor: pointer;
a.striped.button{
color: black;
background-color: #ffc107;
background-image: repeating-linear-gradient(
@@ -147,10 +92,6 @@ a.wbutton {
box-shadow: 0 5px 0 #d14600;
}
a.wbutton:active {
box-shadow: none;
transform: translateY(5px);
}
footer{
position: fixed;
left: 8px;