"
Template:Team:ITESM-CEM/CSS
From 2014.igem.org
(Difference between revisions)
| (45 intermediate revisions not shown) | |||
| Line 18: | Line 18: | ||
} | } | ||
| + | /* unvisited link */ | ||
a:link { | a:link { | ||
| - | color: # | + | color: #444; |
| + | } | ||
| + | |||
| + | /* visited link */ | ||
| + | a:visited { | ||
| + | color: #4f4f4f; | ||
| + | } | ||
| + | |||
| + | /* mouse over link */ | ||
| + | a:hover { | ||
| + | color: #4f4f4f; | ||
| + | } | ||
| + | |||
| + | /* selected link */ | ||
| + | a:active { | ||
| + | color: #4f4f4f; | ||
} | } | ||
body { | body { | ||
| - | + | overflow-y:auto; | |
| - | + | overflow-x:hidden; | |
| + | margin-bottom: 20px; | ||
} | } | ||
| + | |||
p { | p { | ||
| Line 50: | Line 68: | ||
border-bottom-style: none; | border-bottom-style: none; | ||
border-left-style: none; | border-left-style: none; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | pie { | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | font-size: 12px; | ||
| + | font-weight: 400; | ||
| + | letter-spacing: 10px | ||
| + | color: #222; | ||
| + | text-indent: 10; | ||
| + | vertical-align: top; | ||
| + | position: relative; | ||
| + | width: 30%; | ||
text-align: left; | text-align: left; | ||
} | } | ||
| Line 92: | Line 123: | ||
left: -20px; | left: -20px; | ||
top: -18px; | top: -18px; | ||
| + | } | ||
| + | |||
| + | |||
| + | sub2 { | ||
| + | font-family: Exo; | ||
| + | font-size: 16px; | ||
| + | color: #FFF; | ||
| + | font-weight: 600; | ||
| + | margin-right: 25px; | ||
| + | position: relative; | ||
| + | left: -20px; | ||
| + | top: -15px; | ||
} | } | ||
| Line 117: | Line 160: | ||
margin-right: 0px; | margin-right: 0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
| + | } | ||
| + | |||
| + | h4 { | ||
| + | font-family: 'Exo', sans-serif; | ||
| + | font-size: 16px; | ||
| + | font-weight: 600; | ||
| + | color: #333; | ||
| + | padding-left: 25px; | ||
| + | position: static; | ||
| + | border-top-style: none; | ||
| + | border-right-style: none; | ||
| + | border-bottom-style: none; | ||
| + | border-left-style: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | gotop { | ||
| + | font-family: Exo; | ||
| + | font-size: 12px; | ||
| + | color: #222; | ||
| + | font-weight: 400; | ||
| + | padding-left: 25px; | ||
} | } | ||
| Line 124: | Line 189: | ||
top: 0px; | top: 0px; | ||
right: 0px; | right: 0px; | ||
| + | z-index:2; | ||
} | } | ||
| Line 130: | Line 196: | ||
top: 80px; | top: 80px; | ||
right: 0px; | right: 0px; | ||
| + | z-index:2; | ||
} | } | ||
.footer { | .footer { | ||
position: fixed; | position: fixed; | ||
| - | bottom: - | + | bottom: -0px; |
-webkit-transition: bottom 0.2s; ease-out; | -webkit-transition: bottom 0.2s; ease-out; | ||
| Line 145: | Line 212: | ||
.footer:hover { | .footer:hover { | ||
position: fixed; | position: fixed; | ||
| - | bottom: | + | bottom: 10px; |
| + | z-index:2; | ||
} | } | ||
.PLASMENU { | .PLASMENU { | ||
| Line 162: | Line 230: | ||
transition: bottom 0.2s, right 0.2s, transform 1s; ease-out; | transition: bottom 0.2s, right 0.2s, transform 1s; ease-out; | ||
/*transition-delay: 0.1s;*/ | /*transition-delay: 0.1s;*/ | ||
| + | z-index:2; | ||
} | } | ||
| Line 172: | Line 241: | ||
transform: rotate(0deg); | transform: rotate(0deg); | ||
} | } | ||
| + | |||
| + | #ContenidoSecciones { | ||
| + | padding-bottom: 100px; | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | .centeredImage | ||
| + | { | ||
| + | text-align:center; | ||
| + | margin-top:0px; | ||
| + | margin-bottom:0px; | ||
| + | padding:0px; | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> | ||
Latest revision as of 00:35, 14 October 2014
