/* SCREEN */ /* Contenidos específicos de paginas: En este CSS se definen las reglas que corresponden a elementos que solamente corresponden a una página determinada. ID: ------- Cada página consta de un ID en el elemento BODY que identifica cada página como única. Siempre se comienza por definir a qué página nos queremos referir: body#body_xxx (referido a ) A partir de ahí podemos definir cualquier elemento, ID o clase que pertenezca a esa página en concreto. */ /* @group body#body_index */ body#body_index #content h1 { display: none; } body#body_index #content #mapArea_start { margin: 0; } /* @group #mapArea */ body#body_index #content #mapArea { background: url(../../img/css/bg/mapArea.png) no-repeat right center; float: left; margin: 0 1em 0 0; padding: 3em 0; width: 530px; border-right: 1px dotted #ddd; } body#body_index #content #mapArea #map { margin: 0; } body#body_index #content #mapArea #mapExample { background: #e8e8e8 url(../../img/css/bullets/mapExample.gif) no-repeat .35em .35em; float: right; margin: 1px 0 0 0; padding: .45em .45em .45em 2.25em; } /* @end */ /* @group #start */ body#body_index #content #start { float: left; padding: 3em 0 0 0; width: 33.5em; } body#body_index #content #start #logo_tagzania { clear: both; float: none; height: 60px; margin: 0 0 2em 0; width: 99%; } /* @group #user_panel_logged */ body#body_index #content #start #user_panel_logged { background: #fff; border: 1px solid #e5e5e5; float: left; height: 1%; margin: 0 0 2em 0; overflow: auto; position: relative; } body#body_index #content #start #user_panel_logged_right_cap { display: none; } body#body_index #content #start #user_panel_logged p#hello { color: #333; font-family: Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', sans-serif; font-size: 1.2em; font-weight: bold; } /* @group #user_panel_cont */ body#body_index #content #start #user_panel_logged #user_panel_cont { float: left; margin: 0; position: relative; top: .25em; } body#body_index #content #start #user_panel_logged #user_panel_cont p { margin: 0; } a#headerPlaceAdd { background: url(../../img/css/bullets/headerPlaceAdd.gif) no-repeat 0 .35em; font-weight: bold; padding: 0 0 0 1em; } a#headerPlaceAdd { } /* @end */ a#logout { background: #e32d2e url(../../img/css/bullets/logout.gif) no-repeat .35em .45em; border-bottom: 1px solid #fff; border-left: 1px solid #fff; color: #fff; display: block; padding: .15em .5em .15em 1.65em; position: absolute; right: 0; top: 0; z-index: 1000; } a#logout:hover { background-color: #b62425; border-color: #666; } /* @end */ /* @group #user_panel_notlogged */ body#body_index #content #start #user_panel_notlogged { float: none; height: 1%; margin: 0 0 2em 0; overflow: hidden; padding: 0; width: auto; } /* @group #registerLogin */ body#body_index #content #start #user_panel_notlogged p#registerLogin { float: right; } /* @end */ /* @group #aboutLink */ body#body_index #content #start #user_panel_notlogged p#aboutLink { float: left; } /* @end */ /* @end */ body#body_index #content #start #logo_tagzania em { font-size: 1em; left: 7em; text-transform: uppercase; top: 3.75em; } body#body_index #content #start h2 { font-size: 1em; font-weight: normal; } body#body_index #content #start #search { margin: 0 0 2em 0; } body#body_index #content #start #search input { width: 15em; } body#body_index #content #start #search button { position: relative; top: .25em; } /* @end */ body#body_index #content #userQuantity, body#body_index #content #invitation { font-family: Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', sans-serif; margin: 0; } body#body_index #content #userQuantity { font-size: 2em; } body#body_index #content #invitation { font-size: 1.5em; } body#body_index #content #invitation a { text-decoration: underline; } /* @end */ body#body_item { } body#body_tag { } body#body_user { } body#body_user_tag { } /* @group body#body_search */ body#body_search { } body#body_search h1 { margin: 0 0 .5em 0; } /* @end */ /* @group body#body_profile */ body#body_profile { } body#body_profile #column_one { width: 57em; } body#body_profile #column_two { padding-top: 1.5em; width: 20em; } body#body_profile #content h1 { } body#body_profile #content form { margin: 0; } /* @group #userData */ body#body_profile #userData { margin-top: 1.5em; } body#body_profile #userData ul li { background: none; padding: 0; } body#body_profile #userData ul li#userAvatar .avatar, body#body_profile #userData ul li#userAvatar div { float: left; margin: 0 1em 0 0; } body#body_profile #userData ul li#userAvatar div { margin: .2em 0 0 0; } body#body_profile #userData input, body#body_profile #userData textarea { width: 98%; } body#body_profile #userData textarea { height: 7em; } /* @end */ /* @group #userSocialSites */ body#body_profile #userSocialSites ul { margin: 0; } body#body_profile #userSocialSites ul li { background: none; padding: 0; overflow: auto; /* Si hay algún elemento posicionado en absoluto, usar "hidden" como valor */ height: 1%; } body#body_profile #userSocialSites ul li img { border: 5px solid #f2f2f2; display: block; float: left; margin: 0 1em 0 0; } body#body_profile #userSocialSites ul li div { float: left; } body#body_profile #userSocialSites ul li div input { width: 37em; } /* @end */ /* @end */ /* @group body#body_signup */ body#body_signup { } body#body_signup #content p.bigTxt { float: left; height: 11.25em; margin: 0 1em 0 0; width: 10em; } body#body_signup #content form { float: left; margin: 0; padding: 10px 0 0 0; } body#body_signup #content form h1 { position: relative; left: .6em; } body#body_signup #content form input { width: 20em; } body#body_signup #content form label.clean input { width: auto; } body#body_signup #content form button { position: relative; left: 1.25em; } /* @end */ /* @group body#body_login */ body#body_login #content .errors { } body#body_login #content p.bigTxt { float: left; height: 8.75em; margin: 0 1em 0 0; width: 10em; } body#body_login #content form { float: left; margin: 0; padding: 10px 0 0 0; } body#body_login #content form h1 { } body#body_login #content form ul { margin: 0; } body#body_login #content form input { width: 20em; } body#body_login #content form #loginOptions { margin: 0; } body#body_login #content form button { margin: 0 0 1em 0; } body#body_login #content form #loginOptions { padding: 0 0 1em 0; } body#body_login #content form #loginOptions button, body#body_login #content form #loginOptions label.clean { float: left; margin: 0; } body#body_login #content form #loginOptions label.clean { position: relative; top: .25em; } body#body_login #content form #loginOptions label.clean input { width: auto; } body#body_login #content form #loginOptions button { margin-right: 1em; } body#body_login #registerReminder { border-top: 1px dotted #ddd; padding: .5em 0 0 0; } body#body_login #registerReminder p { margin: 0 0 .5em 0; } body#body_login #registerReminder p.clearfix { margin: 0; } body#body_login #registerReminder a { margin: 0; } /* @end */ /* @group body#body_post */ body#body_post { } /* @group #step1_1 */ body#body_post #step1_1 { } body#body_post #step1_1 form#fid { margin: 0; } body#body_post #step1_1 form#fid label { display: none; } /* @end */ /* @group #step1_2 */ body#body_post #step1_2 { } body#body_post #step1_2 #searchoptions { margin: 0; } body#body_post #step1_2 .gotopoint { float: left; } body#body_post #step1_2 .gotopoint ul li { background: none; padding: 0; } body#body_post #step1_2 .gotopoint ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body#body_post #step1_2 .gotopoint ul li {display: inline-block;} /* Hides from IE-mac \*/ * html body#body_post #step1_2 .gotopoint ul li {height: 1%;} body#body_post #step1_2 .gotopoint ul li {display: block;} /* End hide from IE-mac */ body#body_post #step1_2 .gotopoint ul li input, body#body_post #step1_2 .gotopoint ul li span { margin: 0 0 0 .25em; float: left; } /* @group #gotopoint1 */ body#body_post #step1_2 #gotopoint1 { margin: 0; width: 25em; } body#body_post #step1_2 #gotopoint1 h3 { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; } body#body_post #step1_2 #gotopoint1 ul li { float: left; margin: 0 1em 0 0; } body#body_post #step1_2 #gotopoint1 ul li.cardinals { position: relative; top: .5em; } body#body_post #step1_2 #gotopoint1 ul li.cardinals input { background: none; border: none; } body#body_post #step1_2 #gotopoint1 ul li label { display: none; } /* @end */ /* @group #gotopoint2 */ body#body_post #step1_2 #gotopoint2 { margin: 0 4em 0 0; width: 15em; } /* @end */ /* @end */ /* @group #step2 */ body#body_post #step2 { } /* @end */ /* @group .locIconSelectionCols */ body#body_post .locIconSelectionCols { margin: 0; } body#body_post .locIconSelectionCol { float: left; margin: 0 1em 0 0; } body#body_post #locIconSelection { margin: 0; } /* @group #locData */ body#body_post #locData { margin: 0; } body#body_post #locData p { margin: 0 0 .5em 0; } body#body_post #locData label, body#body_post #locData input, body#body_post #locData textarea, body#body_post #locData select { float: none; width: 28em; } body#body_post #locData textarea { height: 7em; } body#body_post #locData ul { margin: 0; } body#body_post #locData button { position: relative; left: 1.25em; margin: 0 0 1em 0; } /* @end */ /* @end */ /* @end */ /* @group body.body_about */ body.body_about h2 { margin-top: 1em; } body.body_about #column_one { float: left; margin: 0 2em 0 0; width: 18em; } body.body_about #main_menu { border: 10px solid #ddd; } body.body_about #main_menu li { background: none; margin: 0; padding: 0; } body.body_about #main_menu li a { background: url(../../img/css/bullets/main_menu_a.gif) no-repeat .25em .5em; border-bottom: 1px solid #fc7e7e; display: block; padding: .5em .5em .5em 1.85em; } body.body_about #main_menu li a:hover { background-color: #fc7e7e; background-image: url(../../img/css/bullets/main_menu_a-hover.gif); color: #fff; } body.body_about #main_menu li a.menu_active { background-color: #e32d2e; background-image: url(../../img/css/bullets/main_menu_a-menu_active.gif); color: #fff; } body.body_about #main_menu li a.menu_active:hover { background-color: #e32d2e; cursor: default; } body.body_about #column_two { float: left; width: 60em; } body.body_about #faqIndex { border: 10px solid #e5e5e5; margin: 0 0 3em 0; padding: 1em 1em 0 1em; } body.body_about #faqIndex h2 { margin-top: 0; } body.body_about .faqQ { border: 1px solid #ccc; padding: 1.5em 1.5em 1.5em 1.5em; position: relative; } body.body_about .back2index a { background: #999; bottom: 0; color: #fff; padding: .35em; position: absolute; right: 0; } body.body_about .back2index a:hover { background: #e32d2e; } /* @end */ /* @group body#body_faq */ body#body_faq { } /* @end */ /* @group body#body_bookmarklets */ body#body_bookmarklets { } /* @end */ /* @group body#body_news */ /* @end */ /* @group body#body_language */ /* @end */ /* @group body#body_opencontent */ /* @end */