diff Agendas/trunk/src/Agendas.Web/Content/Site.css @ 199:39ce09df76dc

Se españolizan algunas palabras, además se adecua el estilo para que sea lo más parecido al sitio de altnethispano.org
author alabra
date Mon, 15 Aug 2011 20:00:02 -0400
parents 97e51ddeeb58
children beeb7fd09ae7
line wrap: on
line diff
--- a/Agendas/trunk/src/Agendas.Web/Content/Site.css	Mon Aug 15 15:35:17 2011 -0400
+++ b/Agendas/trunk/src/Agendas.Web/Content/Site.css	Mon Aug 15 20:00:02 2011 -0400
@@ -1,24 +1,24 @@
-/*----------------------------------------------------------
-The base color for this template is #5c87b2. If you'd like
-to use a different color start by replacing all instances of
-#5c87b2 with your new color.
-----------------------------------------------------------*/
-body
-{
-    background: url("themes/altnethispano/images/header-background.gif") repeat-x scroll 0 0 #FFFFFF;
-    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
-    font-size: 70%;
-    margin: 0;
-    margin: 0 auto;
-    width: 1024px;
+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;
-    color: #575757;
+	background: #fff url("themes/altnethispano/images/header-background.gif") repeat-x 0 0;
+}
+html, body {
+	height: 100%;
+}
+*{
+	margin: 0;
+	padding: 0;	
 }
 
-.logo {
-	float: right;
+a img, img {
+	border: 0;
 }
-
 a:link
 {
     color: #034af3;
@@ -43,7 +43,6 @@
     margin-bottom: 20px;
     line-height: 1.6em;
 }
-
 /* HEADINGS   
 ----------------------------------------------------------*/
 h1, h2, h3, h4, h5, h6
@@ -81,118 +80,64 @@
     margin-top: 0;
 }
 
-/* PRIMARY LAYOUT ELEMENTS   
-----------------------------------------------------------*/
-
-/* you can specify a greater or lesser percentage for the 
-page width. Or, you can specify an exact pixel width. */
-.page
+/* Layout */
+.wrapper 
 {
-    margin-left: auto;
-    margin-right: auto;
+    margin: 0 auto;
+    width: 1024px;
 }
-
-#portal {
-	display: inline;
-}
-
-#header
-{
-	position: relative;
-    background: url("themes/altnethispano/images/div_wrapperIn.gif") repeat-x scroll 0 0 #FFFFFF;
-    margin-bottom: 0px;
-    padding: 0;
-}
-
-#header h1
+.wrapperIn
 {
-    font-weight: bold;
-    padding: 5px 0;
-    margin: 0;
-    border: none;
-    line-height: 2em;
-    font-size: 32px !important;
+	margin: 0 auto;
+	width: 1024px;
+	background: #fff url("themes/altnethispano/images/div_wrapperIn.gif") no-repeat 50% 38px;
+	float: left;
 }
-
-#main
+#header 
 {
-    background: url("themes/altnethispano/images/div_content.gif") repeat-x 0 0 #efeff0;
-    padding: 30px 30px 15px 30px;
-	height: 540px;
-	margin-left: auto;
-	margin-right: auto;
-    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
+	width: 100%;
+	height: 122px;
+	position: relative;
 }
-
-#content
+.navigation
 {
-	margin-bottom: 20px;
+    height: 38px !important;	
+	background: #7e8080 url("themes/altnethispano/images/div_navigation.gif") repeat-x 0 100%;
+	width: 100% !important;
 }
-
-#footer
+.page 
 {
-    color: #999;
-    padding: 10px 0;
-    text-align: center;
-    line-height: normal;
-    margin: 0;
-    font-size: .9em;
-	background-color:  #efeff0;
+	margin: 0 auto;
+	padding: 0 10px;
+	width: 1004px;
+	float: left;
+	background: transparent url("themes/altnethispano/images/div_content.gif") no-repeat 50% 100%;
 }
-
-/* TAB MENU   
-----------------------------------------------------------*/
-ul#menu
+#main 
 {
-    padding: 50px 0px 0px;
-    position: relative;
-    margin: 0;
-    text-align: right;
+	width: 794px;
+	float: left;
+	font-size: 1.4em;
+    line-height:120%;
+	padding: 20px 20px 0 30px;
 }
-
-ul#menu li
-{
-    background: url("themes/altnethispano/images/menu.png") repeat-y scroll 0 0 #fff;
-    border: 1px solid #979797;
-    padding: 5px 20px;
-    display: inline;
-    list-style: none;
-    color: #575757;
-}
-
-ul#menu li#greeting
+#footer 
 {
-    font-weight: bold;
-    text-decoration: none;
-    line-height: 2.8em;
-    color: #575757;
+	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;
 }
-
-ul#menu li a
-{
-    font-weight: bold;
-    text-decoration: none;
-    line-height: 2.8em;
-    color: #575757;
-}
-
-ul#menu li a:hover
+.userGroupLogo 
 {
-    background-color: #fff;
-    text-decoration: none;
-}
-
-ul#menu li a:active
-{
-    background-color: #fff;
-	color: #000;
-    text-decoration: none;
-}
-
-ul#menu li.selected a
-{
-    background-color: #fff;
-    color: #000;
+	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   
@@ -227,14 +172,19 @@
     width: 200px;
     border: 1px solid #CCC;
 }
+input[type="checkbox"]
+{
+    margin: 3px;
+}
 
 /* TABLE
 ----------------------------------------------------------*/
 
 table 
 {
-  border: solid 1px #e8eef4;
-  border-collapse: collapse;
+    border: solid 1px #e8eef4;
+    border-collapse: collapse;
+    margin-bottom: 5px;
 }
 
 table td 
@@ -263,17 +213,14 @@
     color:Red;
 }
 
-#menucontainer
-{
-    margin-top: 7px;
-    height: 80px;
-}
-
 div#title
 {
-    display:block;
-    float:left;
-    text-align:left;
+    display: block;
+    float: left;
+    left: 250px;
+    position: absolute;
+    text-align: left;
+    top: 30px;
 }
 
 #logindisplay
@@ -362,61 +309,6 @@
     width: 6em;
 }
 
-/* Portal menu
-------------------------------------------------------*/
-ul#portalmenu
-{
-	width: 50%;
-    padding: 0 0;
-    position: relative;
-    margin: 0;
-    text-align: left;
-    display:inline;
-}
-
-ul#portalmenu li
-{
-    display: inline;
-    list-style: none;
-}
-
-ul#portalmenu li#greeting
-{
-    font-weight: bold;
-    text-decoration: none;
-    line-height: 2.8em;
-    color: #fff;
-}
-
-ul#portalmenu li a
-{
-    background: url("themes/altnethispano/images/menu.png") repeat-y scroll 0 0 #fff;
-    border: 1px solid #979797;
-    padding: 5px 20px;
-    font-weight: bold;
-    text-decoration: none;
-    line-height: 2.8em;
-	color: #575757;
-}
-
-ul#portalmenu li a:hover
-{
-    background-color : #E6E6E6;
-    text-decoration: none;
-	color: #575757;
-}
-
-ul#portalmenu li a:active
-{
-    background-color: #a6e2a6;
-    text-decoration: none;
-}
-
-ul#portalmenu li.selected a
-{
-    background-color: #fff;
-    color: #000;
-}
 
 /* Buttons */
 .buttons a
@@ -425,4 +317,101 @@
     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;
 }
\ No newline at end of file