Difference between revisions of "Team:Valencia UPV/main"

m
 
(37 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
/* Redesigning the topmenu */
 
/* Redesigning the topmenu */
 
/***************************/
 
/***************************/
−
body {
+
body {ptd
 
     margin: 10px 0 0 0;
 
     margin: 10px 0 0 0;
 
     padding: 0;}
 
     padding: 0;}
Line 16: Line 16:
 
     height: 0;
 
     height: 0;
 
     margin: 0 auto;
 
     margin: 0 auto;
−
     padding: 0;
+
margin-bottom:1em;
 +
     padding: 0;mai
 
     border: none;}
 
     border: none;}
 
#menubar {
 
#menubar {
Line 1,879: Line 1,880:
  
 
strong, b {
 
strong, b {
−
color: #646464;
+
color: #000;
−
font-weight: 400;
+
font-weight: 600;
 
}
 
}
  
Line 1,945: Line 1,946:
 
border: 0;
 
border: 0;
 
border-bottom: solid 2px #e5e5e5;
 
border-bottom: solid 2px #e5e5e5;
−
margin: 0.5em 0;
+
margin: 0.1em 0em 1.5em;
 
}
 
}
  
Line 2,332: Line 2,333:
  
 
.box .image.featured img {
 
.box .image.featured img {
 +
                                max-width:100%;
 +
                                margin:auto;
 
border-radius: 0;
 
border-radius: 0;
 
display: block;
 
display: block;
Line 2,602: Line 2,605:
 
table {
 
table {
 
margin: 0 0 2em 0;
 
margin: 0 0 2em 0;
−
width: 100%;
+
width: auto;
 
}
 
}
  
Line 2,617: Line 2,620:
 
table td {
 
table td {
 
padding: 0.75em 0.75em;
 
padding: 0.75em 0.75em;
 +
vertical-align: center;
 
}
 
}
  
Line 2,637: Line 2,641:
 
table.alt {
 
table.alt {
 
border-collapse: separate;
 
border-collapse: separate;
 +
vertical-align:center;
 +
background-color: white;
 
}
 
}
  
Line 2,675: Line 2,681:
 
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
−
background-color: #666;
+
background-color: #426F37;
 
border-radius: 6px;
 
border-radius: 6px;
 
border: 0;
 
border: 0;
Line 2,952: Line 2,958:
 
#header input[type="button"],
 
#header input[type="button"],
 
#header .button {
 
#header .button {
−
background-color: transparent;
+
background-color: #1A7736;
 
box-shadow: inset 0 0 0 2px #fff;
 
box-shadow: inset 0 0 0 2px #fff;
 
color: #fff;
 
color: #fff;
Line 2,961: Line 2,967:
 
#header input[type="button"]:hover,
 
#header input[type="button"]:hover,
 
#header .button:hover {
 
#header .button:hover {
−
background-color: rgba(153, 153, 153, 0.25);
+
background-color: rgba(132, 120, 120, 0.25);
 
}
 
}
  
Line 3,118: Line 3,124:
 
font-family: Helvetica, Sans-Serif;
 
font-family: Helvetica, Sans-Serif;
 
font-style:italic;
 
font-style:italic;
 +
color:black;
 +
padding-bottom: 3px;
 
}
 
}
  
Line 3,123: Line 3,131:
 
font-size: 1.25em;
 
font-size: 1.25em;
 
margin-bottom: 1.75em;
 
margin-bottom: 1.75em;
 +
color:black;
 
}
 
}
  
Line 3,129: Line 3,138:
 
#banner input[type="button"],
 
#banner input[type="button"],
 
#banner .button {
 
#banner .button {
−
background-color: transparent;
+
background-color: #1A7736;
 
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
 
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
 
color: #fff;
 
color: #fff;
 
min-width: 12em;
 
min-width: 12em;
 +
margin-top:1em;
 
}
 
}
  
Line 3,139: Line 3,149:
 
#banner input[type="button"]:hover,
 
#banner input[type="button"]:hover,
 
#banner .button:hover {
 
#banner .button:hover {
−
background-color: rgba(255, 255, 255, 0.1);
+
background-color: rgba(96, 132, 96, 1);
 
}
 
}
  
Line 3,157: Line 3,167:
 
}
 
}
  
−
 
−
 
−
/* Banner Main */
 
−
 
−
#bannermain {
 
−
background-attachment: scroll, fixed;
 
−
background-color: #666;
 
−
background-position: top left, center center;
 
−
background-repeat: repeat, no-repeat;
 
−
background-size: auto, cover;
 
−
color: #fff;
 
−
padding: 12em 0 20em 0;
 
−
text-align: center;
 
−
-moz-animation-duration: 12s;
 
−
-moz-animation-name: slidermain;
 
−
-moz-animation-delay: 1s;
 
−
-moz-animation-iteration-count: infinite;
 
−
-webkit-animation-duration: 12s;
 
−
-webkit-animation-name: slidermain;
 
−
-webkit-animation-delay: 1s;
 
−
-webkit-animation-iteration-count: infinite;
 
−
 
−
}
 
−
 
−
@-moz-keyframes slidermain
 
−
{
 
−
0%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png");
 
−
 
−
}
 
−
        33%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/9/97/ValenciaUPVMain2.png");
 
−
}
 
−
66%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/2/24/ValenciaUPVMain3.png");
 
−
}
 
−
100%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png");
 
−
}
 
−
}
 
−
 
−
@-webkit-keyframes slidermain
 
−
{
 
−
0%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png");
 
−
 
−
}
 
−
        33%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/9/97/ValenciaUPVMain2.png");
 
−
}
 
−
66%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/2/24/ValenciaUPVMain3.png");
 
−
}
 
−
100%{
 
−
background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png");
 
−
}
 
−
}
 
−
 
−
#bannermain :last-child {
 
−
margin-bottom: 0;
 
−
}
 
−
 
−
#bannermain h2, #bannermain h3, #bannermain h4, #bannermain h5, #bannermain h6 {
 
−
color: #fff;
 
−
}
 
−
 
−
#bannermain h2 {
 
−
font-size: 3.5em;
 
−
line-height: 1em;
 
−
margin: 0 0 0.5em 0;
 
−
padding: 0;
 
−
font-family: Helvetica, Sans-Serif;
 
−
font-style:italic;
 
−
}
 
−
 
−
#bannermain p {
 
−
font-size: 1.25em;
 
−
margin-bottom: 1.75em;
 
−
}
 
−
 
−
#bannermain input[type="reset"],
 
−
#bannermain input[type="button"],
 
−
#bannermain .button {
 
−
background-color: transparent;
 
−
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
 
−
color: #fff;
 
−
min-width: 12em;
 
−
}
 
−
 
−
#bannermain input[type="submit"]:hover,
 
−
#bannermain input[type="reset"]:hover,
 
−
#bannermain input[type="button"]:hover,
 
−
#bannermain .button:hover {
 
−
background-color: rgba(255, 255, 255, 0.1);
 
−
}
 
−
 
−
#bannermain input[type="submit"]:active,
 
−
#bannermain input[type="reset"]:active,
 
−
#bannermain input[type="button"]:active,
 
−
#bannermain .button:active {
 
−
background-color: rgba(255, 255, 255, 0.2);
 
−
}
 
−
 
−
#bannermain input[type="submit"].special,
 
−
#bannermain input[type="reset"].special,
 
−
#bannermain input[type="button"].special,
 
−
#bannermain .button.special {
 
−
background: #fff;
 
−
color: #666 !important;
 
−
}
 
−
 
−
 
 
/* Main */
 
/* Main */
  
−
 
+
#main p {margin-bottom:1em}
  
 
#main {
 
#main {
Line 4,001: Line 3,899:
 
a.button.special:visited {
 
a.button.special:visited {
 
     color: #4BA465;
 
     color: #4BA465;
 +
}
 +
 +
 +
/*To Top Button*/
 +
.scrollup {
 +
  width: 40px;
 +
  height: 40px;
 +
  opacity: 0.7;
 +
  position: fixed;
 +
  bottom: 80px;
 +
  right: 70px;
 +
  display: none;
 +
  text-indent: -9999px;
 +
  background: url('https://static.igem.org/mediawiki/2015/1/12/UPV-Valencia-arrow-up.png') no-repeat;
 +
}
 +
 +
.scrollup:hover{
 +
  opacity: 1;
 +
}
 +
 +
a:focus {
 +
 +
outline:0px !important;
 
}
 
}
  

Latest revision as of 01:35, 19 September 2015