Diferencia entre revisiones de «Pie.css»
De WikiCafe
| Línea 1: | Línea 1: | ||
.pie { | .pie { | ||
| + | position: absolute; | ||
color: #ffffff; | color: #ffffff; | ||
| − | |||
| − | |||
| − | |||
background-color: #691827; | background-color: #691827; | ||
overflow: auto; | overflow: auto; | ||
height: 300px; | height: 300px; | ||
| − | width: | + | width: 157%; |
clear: both; | clear: both; | ||
bottom: 0; | bottom: 0; | ||
| + | margin-left: -26.7%; | ||
| + | margin-right: 100%; | ||
| + | top: 100% | ||
} | } | ||
.vector-menu-tabs a{ | .vector-menu-tabs a{ | ||
| − | + | ||
| + | background-color: ##f6f6f6; | ||
} | } | ||
.listapie { | .listapie { | ||
| − | + | ||
| + | list-style: none; | ||
} | } | ||
.logopie { | .logopie { | ||
| − | + | ||
| − | + | margin-top: 500px; | |
| − | + | height: 60px; | |
| − | + | width: 100px; | |
| + | margin-bottom: 25px; | ||
} | } | ||
.parrafo { | .parrafo { | ||
| − | + | ||
| − | + | width: 220px; | |
| − | + | justify-content: center; | |
| − | + | margin-top: -25px; | |
| + | font-family: Arial, Helvetica, sans-serif; | ||
} | } | ||
.redes { | .redes { | ||
| − | + | ||
| − | + | height: 25px; | |
| − | + | width: 25px; | |
| + | margin-left: 5px; | ||
} | } | ||
.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: 3000px; | |
| − | } | + | transform: translate(-50%, 0); |
| − | .side{ | + | } .side{ float: left; |
| − | float: left; | + | |
| − | + | width: 13em; | |
| − | + | padding: 0 0.5em; | |
| − | + | background-color: #ff6; | |
| − | margin-left: | + | margin-left: -20em; |
height: 1500px; | height: 1500px; | ||
} | } | ||
| − | + | ||
| − | + | wrapper { | |
| − | + | margin: 0 14em 0 12em; | |
| − | position: relative; | + | padding: 0 1em; |
| − | z-index:-5; | + | position: relative; z-index:-5; } p{ position: relative; |
| − | } | + | |
| − | p{ | + | z-index: 5; |
| − | position: relative; | + | text-align: justify; |
| − | + | } a{ | |
| − | + | ||
| − | } | + | color: black; |
| − | a{ | ||
| − | |||
} | } | ||
a:hover{ | a:hover{ | ||
| − | + | ||
| + | color: red; | ||
} | } | ||
a:active{ | a:active{ | ||
| − | + | ||
| + | color: blue; | ||
} | } | ||
| − | + | ca-nstab-main{ | |
| − | + | background-color: #ffffff; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ca-nstab-main a{ | |
| − | |||
| − | |||
| − | |||
color: #681a27; | color: #681a27; | ||
} | } | ||
| − | + | ||
| − | + | ca-talk{ | |
| + | background-color: #681a27; | ||
} | } | ||
| − | + | ||
| − | color: #681a27; | + | ca-talk a{ |
| + | color: #681a27; | ||
} | } | ||
| − | + | ||
| − | + | p-views a{ | |
| − | + | color: #681a27; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | .parrafo{ | + | |
| + | mw-panel a{ | ||
| + | color: #681a27; } .separador{ height:30px; border:none;color:A9A9A9; background-color:#f6f6f6; margin-left: -25px; | ||
| + | |||
| + | margin-right: -25px | ||
| + | } .parrafo{ | ||
} | } | ||
Revisión del 20:06 11 mar 2021
.pie {
position: absolute; color: #ffffff; background-color: #691827; overflow: auto; height: 300px; width: 157%; clear: both; bottom: 0; margin-left: -26.7%; margin-right: 100%; top: 100%
}
.vector-menu-tabs a{
background-color: ##f6f6f6;
}
.listapie {
list-style: none;
}
.logopie {
margin-top: 500px; height: 60px; width: 100px; margin-bottom: 25px;
}
.parrafo {
width: 220px; justify-content: center; margin-top: -25px; font-family: Arial, Helvetica, sans-serif;
}
.redes {
height: 25px; width: 25px; margin-left: 5px;
}
.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: 3000px; 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{
}
