Diferencia entre revisiones de «Pie.css»
(No se muestran 90 ediciones intermedias del mismo usuario) | |||
Línea 1: | Línea 1: | ||
.pie { | .pie { | ||
− | position: | + | 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: - | + | margin-left: -17.98em; |
− | margin-right: | + | margin-right: 0vw; |
− | top: 100% | + | top: 100%; |
+ | |||
} | } | ||
Línea 29: | Línea 30: | ||
width: 100px; | width: 100px; | ||
margin-bottom: 25px; | margin-bottom: 25px; | ||
+ | margin-left: 3% | ||
+ | |||
} | } | ||
Línea 37: | Línea 40: | ||
margin-top: -25px; | margin-top: -25px; | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
+ | margin-left: 2%; | ||
} | } | ||
Línea 43: | Línea 47: | ||
height: 25px; | height: 25px; | ||
width: 25px; | width: 25px; | ||
− | margin-left: | + | margin-left: 10%; |
} | } | ||
Línea 72: | Línea 76: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
− | margin-left: | + | margin-left: 3800px; |
transform: translate(-50%, 0); | transform: translate(-50%, 0); | ||
} .side{ float: left; | } .side{ float: left; | ||
Línea 133: | Línea 137: | ||
} .parrafo{ | } .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%; }