arregla el logo y la imagen de fondo para todos los tamaños de pantalla, es lo mas parecido que me quedó al original

This commit is contained in:
German Correa 2019-11-20 17:49:28 -03:00
parent 8e574ebfe6
commit e45027b783
4 changed files with 23 additions and 44 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
public/img/logo-clam.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

View File

@ -97,37 +97,19 @@ hr.separador{
{ margin-left: auto; { margin-left: auto;
margin-right: auto;} margin-right: auto;}
#main .jumbotron{background:transparent;margin-bottom:0;}
{ /*padding-bottom: 40px;*/}
#header .logopic{
{ /*background: transparent url(logo.jpg) no-repeat;*/ width:700px;
/*background-color: #FC9C04;*/ display:block;
} margin:auto;
.jumbotron{
margin-bottom: 0px;
background:transparent;
}
#logo
{
/*height: 600px;*/ }
padding:10px 0px;
background:transparent;
} .logo-container{margin-top:70px;}
#logo_text{
margin-top:20px;
margin-bottom:20px;
/*text-shadow: #444 0 1px 1px;*/
}
#logo_text h1.title{
text-shadow: #ccc 1px 1px 10px;
}
h2.subtitle{ h2.subtitle{
margin-top:180px;
text-shadow: #333 2px 2px 1px; text-shadow: #333 2px 2px 1px;
color:white; color:white;
font-weight: normal; font-weight: normal;
@ -135,10 +117,17 @@ h2.subtitle{
border-bottom: 0; border-bottom: 0;
text-transform: none; text-transform: none;
font-size:2em; font-size:2em;
margin: 0;
} }
@media screen and (max-width: 480px){
.logopic{width:320px;}
.logo-container{margin:0}
h2.subtitle{font-size:14px;margin-top:70px}
}
/*h2#when{margin-top:10px!important;} /*h2#when{margin-top:10px!important;}
h2#where{ h2#where{

View File

@ -2,23 +2,13 @@
<!--<div class="bg"></div>--> <!--<div class="bg"></div>-->
<div id="logo" class="jumbotron" data-parallax="scroll" data-position="center" data-natural-height="1000" data-natural-width="1920" data-image-src="img/headerpic2.jpg"> <div id="logo" class="jumbotron" data-parallax="scroll" data-position="center" data-natural-height="1000" data-natural-width="1920" data-image-src="img/headerpic2.jpg">
<div style="height:450px;"></div> <div class="logo-container">
<!--<div id="logo_text"> <img class="logopic" src="img/logo-clam.png">
<h1 class="title"><a href="/"><span class="logo_colour"> CLAM 2020</span></a></h1> </div>
<h2 id="when" class="subtitle">
<h2 class="subtitle"> 20 al 24 de julio de 2020 <span style="color:#00b1d7">/</span> Montevideo, Uruguay
<strong>VI Congreso Latinoamericano de Matemáticos</strong><br> </h2>
</h2>-->
<h2 id="when" class="subtitle">
20 al 24 de julio de 2020 <span style="color:#00b1d7">/</span> Montevideo, Uruguay
</h2>
<!--<h2 id="where" class="subtitle">
<strong>Montevideo, Uruguay</strong>
</h2>
</div>-->
</div> </div>
<nav class="navbar navbar-inverse " id="menubar"> <nav class="navbar navbar-inverse " id="menubar">
<div class="container-fluid"> <div class="container-fluid">