Galahad en 02:18 26 ago 2021

2021-08-26T02:18:19Z

← Revisión anterior		Revisión del 02:18 26 ago 2021
Línea 1:		Línea 1:
			<pre>
	.responsive-banner {		.responsive-banner {
	display: inline-block;		display: inline-block;
Línea 171:		Línea 172:
	</div>		</div>
	</aside>		</aside>
			</pre>

RVarela (WMSP): Página creada con «.responsive-banner { display: inline-block; margin: 50px; width: 60%; max-width: 1080px; min-width: 320px; position: relative; min-height: 90px; max-height:…»

2021-08-25T15:47:09Z

Página creada con «.responsive-banner { display: inline-block; margin: 50px; width: 60%; max-width: 1080px; min-width: 320px; position: relative; min-height: 90px; max-height:…»

Página nueva

.responsive-banner {
display: inline-block;
margin: 50px;
width: 60%;
max-width: 1080px;
min-width: 320px;
position: relative;
min-height: 90px;
max-height: 320px;
border-radius: 10px;
overflow: hidden;
background-image: linear-gradient(to bottom right, #ffffff, #eaecf0);
background-repeat: no-repeat;
text-align: left;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.container-envelope {
max-width: calc(100%);
padding: 15px;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 70px;
max-height: 120px;
}
.col-xs-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}

@media (min-width: 90px){
.col-xs-12 {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.container-envelope {
max-width: calc(100% - 200px);
}
}
p {
clear: both;
font-family: 'Work Sans', Helvetica, sans-serif;
text-transform: none;
text-rendering: optimizeLegibility;
font-weight: 500;
line-height: 1.15;
word-wrap: break-word;
margin: 1em 0 0.5em;
margin: 0;
padding: 0;
color: #202122;
position: relative;
word-wrap: break-word;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.more-link {
background-color: rgba(30, 150, 255, 0.35);
display: inline-block;
padding: 10px 10px;
color: #fff;
text-decoration: none;
font: 500 15px 'Work Sans', Helvetica, sans-serif;
line-height: 1.5;
text-align: center;
border: none !important;
position: relative;
border-radius: 30px;
text-transform: uppercase;
-webkit-transition: .1s all ease-in-out;
-moz-transition: .1s all ease-in-out;
-o-transition: .1s all ease-in-out;
transition: .1s all ease-in-out;
}
a.more-link:hover {
background-color: rgba(052, 102, 203, 0.50);
}
svg, img {
fill: rgba(52, 102, 203, 0.1);
position: absolute;
}
img {
max-width : 50%;
}
.cirle-a {
bottom: -80px;
left: -80px;
}
.cirle-b {
top: -30px;
right: 70%;
}
.cirle-c {
top: -330px;
right: -300px;
}
.cirle-d {
top: 195px;
right: 145px;
}
img {
top: 0;
right: 0;
}

body {
background-color: #ffff;
margin-bottom: 50px;
text-align: center;
}
html, button, input, select, textarea {
font-family: 'Source Sans Pro', Helvetica, sans-serif;
color: #2a4b8d;
}
h1 {
text-align: center;
margin: 30px 15px;
}
.link-container {
text-align: center;
}
.link-container a.more-link {
font-family: 'Source Sans Pro', Helvetica, sans-serif;
background-color: #2a4b8d;
color: #fff;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
line-height: 1.5;
text-decoration: none;
text-transform: none;
font-weight: 400;
letter-spacing: 1px;
}

<aside class="responsive-banner first">
<div class="container-envelope">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Imagen_Banner_Proyecto_wikimedia.jpg/220px-Imagen_Banner_Proyecto_wikimedia.jpg"</a>
<svg class="cirle-a" height="160" width="160">
<circle cx="80" cy="80" r="80"/>
</svg>
<svg class="cirle-b" height="60" width="60">
<circle cx="30" cy="30" r="30"/>
</svg>
<svg class="cirle-c" height="600" width="600">
<circle cx="300" cy="300" r="300"/>
</svg>
<svg class="cirle-d" height="60" width="60">
<circle cx="30" cy="30" r="30"/>
</svg>

<div class="col-xs-1">
<p>¿QUIERES CONTRIBUIR A LOS PROYECTOS MAS PEQUEÑOS DE LA FUNDACION?</p>
<a target="_blank" href="https://wikisp.org/wiki/Portal:SmallProjects/SP" class="more-link">si quiero</a>
</div>
</div>
</aside>

Usuario:RVarela (WMSP)/Banner - Historial de revisiones

Galahad en 02:18 26 ago 2021

RVarela (WMSP): Página creada con «.responsive-banner { display: inline-block; margin: 50px; width: 60%; max-width: 1080px; min-width: 320px; position: relative; min-height: 90px; max-height:…»