<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre><html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;meta content="text/html; charset=UTF-8" http-equiv="content-type"&gt;
&lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;pre&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta content="text/html; charset=windows-1252" http-equiv="content-type"&amp;gt;
&amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;pre&amp;gt; &amp;amp;lt;html&amp;amp;gt;
&amp;amp;lt;head&amp;amp;gt;
&amp;amp;lt;meta content="text/html; charset=windows-1252" http-equiv="content-type"&amp;amp;gt;
&amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt;
&amp;amp;lt;body&amp;amp;gt;
&amp;amp;lt;pre&amp;amp;gt;/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
========================================
Custom styles
========================================
*/
body {
/* background: #293f50 url("uaslp.png") 500px 50% no-repeat;*/
background: #fff;/*193f50;*/
color: #888;
/*font: 300 16px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
font: 350 18px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
========================================
Grid
========================================
*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container,
.grid {
margin: 0 auto;
width: 960px;
}
.container {
padding-left: 30px;
padding-right: 30px;
}
.grid,
.col-1-3,
.col-2-3 {
padding-left: 15px;
padding-right: 15px;
}
.col-1-3,
.col-2-3 {
display: inline-block;
vertical-align: top;
}
.col-1-3 {
width: 33.33%;
}
.col-2-3 {
width: 66.66%;
}
/*
========================================
Clearfix
========================================
*/
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
clear: both;
*zoom: 1;
}
/*
========================================
Rows
========================================
*/
.row,
.row-alt {
min-width: 960px;
}
.row {
background: #fff; /* Color del cuerpo de los contenidos*/
padding: 66px 0 44px 0;
}
.row-alt {
background: #cbe2c1;
background: -webkit-linear-gradient(to right, #e6f0fb, #50a5cc);
background: -moz-linear-gradient(to right, #e6f0fb, #50a5cc);
background: linear-gradient(to right, #e6f0fb, #50a5cc);
padding: 44px 0 22px 0;
}
/* background: -moz-linear-gradient(to right, #e6f0fb, #54a5ff);
background: linear-gradient(to right, #e6f0fb, #54a5ff);
========================================
Typography
========================================
*/
h1, h2, h3, h4 {
color: #003366; /*#648880;/*#648880;*/*/
}
h1, h3, h4, h5, p {
margin-bottom: 22px;
}
h1 {
font-size: 36px;
line-height: 44px;
}
h2 {
font-size: 24px;
font-weight: bold;
line-height: 44px;
font-color:#003366;/*#ffffff;*/
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
color: #a9b2b9;
font-size: 14px;
font-weight: 400;
/* text-transform: uppercase;*/
}
strong {
font-weight: 400;
}
cite,
em {
font-style: italic;
}
/*
========================================
Leads
========================================
*/
.lead {
text-align: center;
}
.lead p {
font-size: 21px;
line-height: 33px;
}
/*
========================================
Links
========================================
*/
a {
color: #003366;/*#648880;*/
text-decoration: none;
}
a:hover {
color: #a9b2b9;
}
p a {
border-bottom: 1px solid #dfe2e5;
}
.primary-header a,
.primary-footer a {
color: #003366; /*#fff;*//* Aquàse modifica el color de la letra de los menús*/
}
.primary-header a:hover,
.primary-footer a:hover {
color: #11111; /*#648880;*/
}
/*
========================================
Buttons
========================================
*/
.btn {
border-radius: 5px;
color: #138808;/*#fff;*/
cursor: pointer;
display: inline-block;
font-weight: 400;
font-size: 31px;
letter-spacing: .5px;
margin: 0;
/* text-transform: uppercase;*/
}
.btn-alt {
border: 3px solid #111111;/* fff;*/
padding: 10px 30px;
/*color: #003366;*/
}
.btn-alt:hover {
background: #ff9f00; /*32cd32;#fff;*/
color: #000000; /*648880;*/
}
/*
========================================
Primary header
========================================
*/
.logo {
border-top: 4px solid #648880;
float: left;
font-size: 48px;
font-weight: 100;
letter-spacing: .75px;
line-height: 44px;
padding: 40px 0 22px 0;
/*text-transform: uppercase;*/
}
.tagline {
margin: 66px 0 22px 0;
text-align: right;
}
.primary-nav {
font-size: 16px;
font-weight: 400;
letter-spacing: .75px;
/* text-transform: uppercase;*/
}
/*
========================================
Primary footer
========================================
*/
.primary-footer {
color: #003366; /*648880 ;*/
font-size: 15px;
padding-bottom: 44px;
padding-top: 44px;
}
.primary-footer small {
float: left;
font-weight: 400;
}
/*
========================================
Navigation
========================================
*/
.nav {
text-align: left; /*right;*/
}
.nav li {
display: inline-block;
margin: 10px 10px;
vertical-align: top;
}
.nav li:last-child {
margin-right: 0;
}
/*
========================================
Home
========================================
*/
.hero {
color: #003366; /*fff;*/
line-height: 44px;
padding: 22px 80px 66px 80px;
text-align: center;
}
.hero h2 {
font-size: 36px;
}
.hero p {
font-size: 24px;
font-weight: 100;
}
.teaser a:hover h3 {
color: #a9b2b9;
}
/*
========================================
Speakers
========================================
*/
.speaker {
margin-bottom: 44px;
}
.speaker-info {
border: 1px solid #dfe2e5;
border-radius: 5px;
margin-top: 88px;
padding: 22px 0;
text-align: center;
}
/*
========================================
Low bar
========================================
*/
.Inf-bar{
background: #cbe2c1;
background: -webkit-linear-gradient(to right, #e6f0fb, #50a5cc);
background: -moz-linear-gradient(to right, #e6f0fb, #50a5cc);
background: linear-gradient(to right, #e6f0fb, #50a5cc);
/* background: -webkit-linear-gradient(to right, #e6f0fb, #54a5ff);
background: -moz-linear-gradient(to right, #e6f0fb, #54a5ff);
background: linear-gradient(to right, #e6f0fb, #54a5ff);*/
/* background: #cbe2c1;
background: -webkit-linear-gradient(to right, #a1d3b0, #f6f1d3);
background: -moz-linear-gradient(to right, #a1d3b0, #f6f1d3);
background: linear-gradient(to right, #a1d3b0, #f6f1d3); */
/* background: #466368;
background: #648880;
background: linear-gradient(to right, #f6f1d3, #648880 85%, #293f50);*/
/* background: -webkit-linear-gradient(#648880, #293f50);
background: -moz-linear-gradient(#648880, #293f50);
background: linear-gradient(#648880, #293f50);*/
padding: 25px 50px 25px 50px;
}
/*
========================================
Formas
========================================
*/
form {
/* Sólo para centrar el formulario a la página */
margin: 0 auto;
width: 400px;
/* Para ver el borde del formulario */
padding: 1em;
border: 2px solid #CCC;
border-radius: 2em;
}
/*agregar espacio entre cada uno de los widgets del formulario*/
form div + div {
margin-top: 2em;
}
label {
/* Para asegurarse que todos los labels tienen el mismo tamaño y están alineados correctamente */
display: inline-block;
width: 90px;
text-align: left; /*right;*/
}
input, textarea {
/* Para asegurarse de que todos los campos de texto tienen las mismas propiedades de fuente
Por defecto, las areas de texto tienen una fuente con monospace */
font: 1em sans-serif;
/* Para darle el mismo tamaño a todos los campos de texto */
width: 300px;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* Para armonizar el look and feel del borde en los campos de texto */
border: 1px solid #999;
}
input:focus, textarea:focus {
/* Para dar un pequeño destaque en elementos activos*/
border-color: #000;
}
textarea {
/* Para alinear campos de texto multilÃnea con sus labels */
vertical-align: top;
/* Para dar suficiente espacio para escribir texto */
height: 7em;
/* Para permitir a los usuarios cambiar el tamaño de cualquier textarea verticalmente
No funciona en todos los navegadores */
resize: vertical;
}
.button {
/* Para posicionar los botones a la misma posición que los campos de texto */
padding-left: 90px; /* mismo tamaño a todos los elementos label */
}
button {
/* Este margen extra representa aproximadamente el mismo espacio que el espacio
entre los labels y sus campos de texto */
margin-left: .75em;
background: #f0f0f0;
color: #000000; /*648880;*/
border-radius: 5px;
color: #000000;
cursor: pointer;
display: inline-block;
font-weight: 400;
font-size: 21px;
/* letter-spacing: .5px;*/
margin: 0;
}
<br><br>/*
========================================
Slides
========================================
*/
<br><br>.slide{
border: .5em solid #ed9ce3;
width: 600px;
height: 300px;
margin: 2% auto;
border-radius: .5em;
box-shadow: 10px 10px 5px #888;
position: relative;
}
.slide img{
width: 600px;
height: 300px;
position: absolute;
}
.slide .img2, .slide .img3 {
display: none;
}
figure{
margin: 0;
}<br><br><br>.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}<br><br>
/*
========================================
Menu
========================================
*/
.Inf-menu{
&lt;ul&gt;
&lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;!--
--&gt;
&lt;li&gt;&lt;a href="AuthorS.html"&gt; Author submission&lt;/a&gt;&lt;/li&gt;
&lt;!--
--&gt;
&lt;li&gt;&lt;a href="Ocom.html"&gt;Organizing Comittee&lt;/a&gt;&lt;/li&gt;
&lt;!--
--&gt;
&lt;li&gt;&lt;a href="IntAcom.html"&gt;International Advisory Comittee&lt;/a&gt;&lt;/li&gt;
&lt;!--
--&gt;
&lt;li&gt;&lt;a href="Lcom.html"&gt;Local Comittee&lt;/a&gt;&lt;/li&gt;
&lt;!--
--&gt;
&lt;li&gt;&lt;a href="SpeakersP.html"&gt;Plenary Talks&lt;/a&gt;&lt;/li&gt;
&lt;!--
--&gt;
&lt;li&gt;&lt;a href="SpeakersI.html"&gt;Invited Talks&lt;/a&gt;&lt;/li&gt;
&lt;!--
&lt;li&gt;&lt;a href="schedule.html"&gt;Schedule&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="venue.html"&gt;Venue&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="register.html"&gt;Register&lt;/a&gt;&lt;/li&gt; --&gt;
&lt;/ul&gt;
}
&lt;style&gt;
/* Style The Dropdown Button */
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* The container &lt;div&gt; - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #eff0f2}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #eff0f2;
}
&lt;/style&gt;
&lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</body>
</html>
</pre></body></html>