view Agendas/trunk/src/Agendas.Web/Content/Site.css @ 207:beeb7fd09ae7

Ajustes menores de layout
author nelopauselli
date Wed, 24 Aug 2011 10:52:44 -0300
parents 39ce09df76dc
children 607384590bf8
line wrap: on
line source

body {
	font-family: Arial, Helvetica, sans-serif;
	/* font-family: Tahoma, sans-serif; */
	font-size: 62.5%;
	color: #575757;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #fff url("themes/altnethispano/images/header-background.gif") repeat-x 0 0;
}
html, body {
	height: 100%;
}
*{
	margin: 0;
	padding: 0;	
}

a img, img {
	border: 0;
}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* Layout */
.wrapper 
{
    margin: 0 auto;
    width: 1024px;
}
.wrapperIn
{
	margin: 0 auto;
	width: 1024px;
	background: #fff url("themes/altnethispano/images/div_wrapperIn.gif") no-repeat 50% 38px;
	float: left;
}
#header 
{
	width: 100%;
	height: 122px;
	position: relative;
}
.navigation
{
    height: 38px !important;	
	background: #7e8080 url("themes/altnethispano/images/div_navigation.gif") repeat-x 0 100%;
	width: 100% !important;
}
.page 
{
	margin: 0 auto;
	padding: 0 10px;
	width: 1004px;
	float: left;
	background: transparent url("themes/altnethispano/images/div_content.gif") no-repeat 50% 100%;
}
#main 
{
	/* este width es para cuando está la columna de patrocinadores, que en esta versión no está incluido
	   por lo que se comenta el width para que use el que hereda de page.
	width: 794px;*/
	float: left;
	font-size: 1.4em;
    line-height:120%;
	padding: 20px 20px 0 30px;
}
#footer 
{
	width: 100%;
	float: left;
	margin: 20px 0 0;
	padding: 10px 0;
	background: transparent url("themes/altnethispano/images/ul_topsponsors_li.gif") repeat-x 0 0;
	text-align: center;
}
.userGroupLogo 
{
	padding: 0 10px;
	width: 205px;
	height: 88px;
	background: transparent url("themes/altnethispano/images/div_logo.png") no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}
input[type="checkbox"]
{
    margin: 3px;
}

/* TABLE
----------------------------------------------------------*/

table 
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    margin-bottom: 5px;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display: block;
    float: left;
    left: 250px;
    position: absolute;
    text-align: left;
    top: 30px;
}

#logindisplay
{
	display: block;
	font-size: 1.1em;
	text-align: right;
	margin: 10px;
	margin-top: -17px;
	color: #ccc;
}

#logindisplay a:link
{
    color: #ccc;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #ccc;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #ccc;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/* Buttons */
.buttons a
{
	text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
	color: #000;
}


/* MENU */
.RadMenu {
    position: relative;
    white-space: nowrap;
    width: 50%;
}
.RadMenu .rmRootGroup {
    display: inline-block;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
.RadMenu .rmHorizontal .rmItem {
    clear: none;
}
.RadMenu .rmItem {
    float: left;
    list-style: none outside none;
    position: relative;
}
* html .RadMenu .rmItem {
    display: inline;
}
.RadMenu .rmItem {
    padding: 0;
}
.RadMenu a.rmLink {
    cursor: default;
    display: block;
}
.RadMenu .rmLink {
    float: left;
    outline: 0 none;
    padding: 0 0 0 12px;
}
.RadMenu .rmLink {
    width: auto;
}
.RadMenu .rmHorizontal .rmText {
    padding: 0 12px 1px 0;
}
.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: url("themes/altnethispano/images/menu.png");
}

.RadMenu_Default .rmFirst .rmLink, .RadMenu_Default .rmFirst .rmLink:hover, .RadMenu_Default .rmLast .rmText, .RadMenu_Default .rmLast .rmLink:hover .rmText, .RadMenu_Default .rmVertical .rmLink, .RadMenu_Default .rmVertical .rmText {
    background-position: 0 500px;
    background-repeat: no-repeat;
}
.RadMenu_Default .rmLink, .RadMenu_Default .rmDisabled, .RadMenu_Default .rmDisabled:hover {
    background-position: 0 -72px;
}
.RadMenu_Default, .RadMenu_Default .rmLink {
    color: #000000;
    font: 12px/23px "Segoe UI",Arial,sans-serif;
    text-decoration: none;
}
.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: url("themes/altnethispano/images/menu.png");
}
.RadMenu_Default .rmText, .RadMenu_Default .rmDisabled .rmText, .RadMenu_Default .rmDisabled:hover .rmText {
    background-position: 100% -96px;
}

.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: url("themes/altnethispano/images/menu.png");
}

.RadMenu_Default .rmRootGroup {
    background-color: #E6E6E6;
    background-position: 0 -408px;
    background-repeat: repeat-x;
    border: 1px solid #828282;
}
.RadMenu_Default .rmLink:hover, .RadMenu_Default .rmFocused, .RadMenu_Default .rmSelected {
    background-color: #FFFFFF;
}
.RadMenu_Default, .RadMenu_Default .rmLink {
    color: #000000;
    font: 12px/23px "Segoe UI",Arial,sans-serif;
    text-decoration: none;
}

.RadMenu .rmText {
    float: left;
    padding-bottom: 1px;
}

.RadMenu .rmText {
    display: block;
}