Diferencia entre revisiones de «Pie.css»
De WikiCafe
| (No se muestran 199 ediciones intermedias de 2 usuarios) | |||
| Línea 1: | Línea 1: | ||
.pie { | .pie { | ||
| + | position: relative; | ||
color: #ffffff; | color: #ffffff; | ||
| − | |||
| − | |||
| − | |||
background-color: #691827; | background-color: #691827; | ||
overflow: auto; | overflow: auto; | ||
| − | height: | + | height: 400px; |
| − | width: | + | width: 100vw; |
clear: both; | clear: both; | ||
| − | bottom: | + | margin-bottom: -50%; |
| + | margin-left: -17.98em; | ||
| + | margin-right: 0vw; | ||
| + | top: 100%; | ||
| + | |||
| + | } | ||
| + | |||
| + | .vector-menu-tabs a{ | ||
| + | |||
| + | background-color: ##f6f6f6; | ||
} | } | ||
.listapie { | .listapie { | ||
| − | + | ||
| + | list-style: none; | ||
} | } | ||
.logopie { | .logopie { | ||
| − | + | ||
| − | + | margin-top: 500px; | |
| − | + | height: 60px; | |
| − | + | width: 100px; | |
| + | margin-bottom: 25px; | ||
| + | margin-left: 3% | ||
| + | |||
} | } | ||
.parrafo { | .parrafo { | ||
| − | + | ||
| − | + | width: 220px; | |
| − | + | justify-content: center; | |
| − | + | margin-top: -25px; | |
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | margin-left: 2%; | ||
} | } | ||
.redes { | .redes { | ||
| − | + | ||
| − | + | height: 25px; | |
| − | + | width: 25px; | |
| + | margin-left: 10%; | ||
} | } | ||
.confpie { | .confpie { | ||
| − | + | ||
| − | + | display: block; | |
| − | + | position: absolute; | |
| − | + | left: 25%; | |
| − | + | top: 25px; | |
| + | transform: translate(-50%, 0); | ||
} | } | ||
.titulospie { | .titulospie { | ||
| − | + | ||
| − | + | margin-bottom: 50px; | |
| − | + | font-family: Arial, Helvetica, sans-serif; | |
| + | color: #ffffff; | ||
} | } | ||
li { | li { | ||
| − | + | ||
| − | + | font-family: Arial, Helvetica, sans-serif; | |
| + | margin-bottom: 25px; | ||
} | } | ||
.confpietercero { | .confpietercero { | ||
| − | + | ||
| − | + | display: block; | |
| − | + | position: absolute; | |
| − | + | margin-left: 3800px; | |
| + | transform: translate(-50%, 0); | ||
| + | } .side{ float: left; | ||
| + | |||
| + | width: 13em; | ||
| + | padding: 0 0.5em; | ||
| + | background-color: #ff6; | ||
| + | margin-left: -20em; | ||
| + | |||
| + | height: 1500px; | ||
| + | |||
| + | } | ||
| + | |||
| + | wrapper { | ||
| + | margin: 0 14em 0 12em; | ||
| + | padding: 0 1em; | ||
| + | position: relative; z-index:-5; } p{ position: relative; | ||
| + | |||
| + | z-index: 5; | ||
| + | text-align: justify; | ||
| + | } a{ | ||
| + | |||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | a:hover{ | ||
| + | |||
| + | color: red; | ||
| + | } | ||
| + | |||
| + | a:active{ | ||
| + | |||
| + | color: blue; | ||
| + | } | ||
| + | |||
| + | ca-nstab-main{ | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | |||
| + | ca-nstab-main a{ | ||
| + | color: #681a27; | ||
| + | } | ||
| + | |||
| + | ca-talk{ | ||
| + | background-color: #681a27; | ||
| + | } | ||
| + | |||
| + | ca-talk a{ | ||
| + | color: #681a27; | ||
| + | } | ||
| + | |||
| + | p-views a{ | ||
| + | color: #681a27; | ||
| + | } | ||
| + | |||
| + | mw-panel a{ | ||
| + | color: #681a27; } .separador{ height:30px; border:none;color:A9A9A9; background-color:#f6f6f6; margin-left: -25px; | ||
| + | |||
| + | margin-right: -25px | ||
| + | } .parrafo{ | ||
| + | |||
| + | } | ||
| + | .floatleft, .tleft { | ||
| + | margin: 0 0.5em 0.5em 0; | ||
| + | margin-left: 0px; | ||
| + | padding: 0 1.5em 1em 0; | ||
| + | margin-left: 2%; | ||
| + | } | ||
| + | .col1{ | ||
| + | margin-left:-1%; | ||
| + | } | ||
| + | |||
| + | .col2{ | ||
| + | margin-left:23.5%; | ||
| + | margin-top:-13.9%; | ||
| + | } | ||
| + | .col3{ | ||
| + | margin-left:49.43%; | ||
| + | margin-top:-13.9%; | ||
| + | } | ||
| + | .col4{ | ||
| + | margin-left:72%; | ||
| + | margin-top:-13.5%; | ||
} | } | ||
Revisión actual del 08:23 20 mar 2021
.pie {
position: relative; color: #ffffff; background-color: #691827; overflow: auto; height: 400px; width: 100vw; clear: both; margin-bottom: -50%; margin-left: -17.98em; margin-right: 0vw; top: 100%;
}
.vector-menu-tabs a{
background-color: ##f6f6f6;
}
.listapie {
list-style: none;
}
.logopie {
margin-top: 500px; height: 60px; width: 100px; margin-bottom: 25px; margin-left: 3%
}
.parrafo {
width: 220px; justify-content: center; margin-top: -25px; font-family: Arial, Helvetica, sans-serif; margin-left: 2%;
}
.redes {
height: 25px; width: 25px; margin-left: 10%;
}
.confpie {
display: block; position: absolute; left: 25%; top: 25px; transform: translate(-50%, 0);
}
.titulospie {
margin-bottom: 50px; font-family: Arial, Helvetica, sans-serif; color: #ffffff;
}
li {
font-family: Arial, Helvetica, sans-serif; margin-bottom: 25px;
}
.confpietercero {
display: block; position: absolute; margin-left: 3800px; transform: translate(-50%, 0);
} .side{ float: left;
width: 13em; padding: 0 0.5em; background-color: #ff6;
margin-left: -20em;
height: 1500px;
}
wrapper {
margin: 0 14em 0 12em; padding: 0 1em;
position: relative; z-index:-5; } p{ position: relative;
z-index: 5; text-align: justify;
} a{
color: black;
}
a:hover{
color: red;
}
a:active{
color: blue;
}
ca-nstab-main{
background-color: #ffffff;
}
ca-nstab-main a{
color: #681a27;
}
ca-talk{
background-color: #681a27;
}
ca-talk a{
color: #681a27;
}
p-views a{
color: #681a27;
}
mw-panel a{ color: #681a27; } .separador{ height:30px; border:none;color:A9A9A9; background-color:#f6f6f6; margin-left: -25px;
margin-right: -25px } .parrafo{
} .floatleft, .tleft {
margin: 0 0.5em 0.5em 0;
margin-left: 0px;
padding: 0 1.5em 1em 0;
margin-left: 2%;
} .col1{ margin-left:-1%; }
.col2{ margin-left:23.5%; margin-top:-13.9%; } .col3{ margin-left:49.43%; margin-top:-13.9%; } .col4{ margin-left:72%; margin-top:-13.5%; }
