/* * ------------------------------- * typography * ------------------------------- */ /* --- Typography ------------ */ body, form, input, textarea, button, table { font: 12px/150% Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font: normal 22px Arial, Helvetica, sans-serif; } h1 { font-size: 26px; margin-bottom: 20px; } h2 { font-size: 22px; margin-bottom: 10px; } h3 { font-size: 18px; margin-bottom: 5px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } #sidebar .panel .content { } .header.sIFR-replaced { margin: 0; padding: 0; } /* * ------------------------------- * common * ------------------------------- */ /* --- Common ------------ */ * { padding: 0; margin: 0; } body { background: url('images/body_bgrd.jpg') left top repeat; } #bar { background: url('images/top_bar.jpg') left top repeat-x; padding: 20px 0 0 0; } a img { border: none; } a { text-decoration: none; color: green; outline: none; } li { list-style: none outside; } p { padding-bottom: 20px; } .cleaner { clear: both; height: 1px; overflow: hidden; } .regions .timeline { min-height: 700px; } /* --- Layout ------------ */ #page_container { width: 1000px; margin: 0 auto; } #header { height: 192px; overflow: hidden; background: url('images/header_bgrd.png') left top no-repeat; position: relative; } #footer { height: 241px; background: url('images/footer_bgrd.png') center bottom no-repeat; text-align: center; margin-top: -70px; position: relative; z-index: 9999; } #page_content { overflow: visible; background: url('images/layout_box_repeat.png') left top repeat-y; } #cnt { width: 660px; margin: 0 20px; float: left; background: #FFF; min-height: 120px; } #sidebar { width: 260px; float: left; background: #FFF; } #promo_banner { height: 140px; } #promo_banner a { width: 100%; height: 100%; display: block; text-indent: -1000px; overflow: hidden; } /* --- Layout changes ------------ */ .productpage #sidebar, .productpage #promo_banner, .productpage #footer, .productpage .layout_box_top, .productpage .layout_box_bottom, .register #sidebar, .login #sidebar { display: none; } .productpage #cnt, .register #cnt, .login #cnt { width: 940px; } .productpage #cnt, .productpage #page_content { background: none; } .productpage #cnt_inn { padding: 0; } /* --- Styles ------------ */ #header img { } #header h1 { width: 400px; height: 99px; margin: 25px 0 0 25px; } #header h1 a { display: block; width: 100%; height: 100%; text-indent: -1920px; } #cnt_inn { padding: 0 0 0 20px; } #sdb_inn { } .thumb { width: 50px; height: 50px; } .medium { width: 200px; height: 200px; } .layout_box_top { height: 45px; background: url('images/layout_box_top.png') left top no-repeat; } .layout_box_bottom { height: 45px; background: url('images/layout_box_bottom.png') left top no-repeat; } h1, h2, h3 { color: #F15A22; } /* --- Navigation ------------ */ #nav { height: 46px; overflow: hidden; padding: 0 40px; position: relative; bottom: 8px; } #nav li { height: 46px; float: left; } #nav li a { display: block; height: 100%; font-size: 20px; padding: 0 10px; font-weight: bold; float: left; line-height: 46px; font-weight: bold; } #nav li a:hover { } #nav li.selected a { } #nav li#nav_home a { color: #785dac; } #nav li#nav_actions a { color: #f63ea0; } #nav li#nav_regions a { color: #f97230; } #nav li#nav_book a { color: #f13c33; } #nav li#nav_about a { color: #0087cb; } #nav li#menos_es_mas { padding-left: 20px; } #nav li#menos_es_mas a { width: 130px; text-indent: -1000px; overflow: hidden; } #user_nav { height: 45px; position: absolute; top: 29px; right: 50px; font-family: Georgia, sans-serif; font-size: 120%; } #user_nav li { display: block; height: 45px; float: left; background: url('images/user_nav_li_bgrd.png') left top repeat-x; } #user_nav li a { display: block; height: 100%; line-height: 40px; padding: 0 25px; float: left; color: #000; } #user_nav li a:hover { text-decoration: underline; } #user_nav li.first { background: url('images/user_nav_li_bgrd_left.png') left top no-repeat; } #user_nav li.last { background: url('images/user_nav_li_bgrd_right.png') right top no-repeat; } #user_nav li.special { background: url('images/user_nav_li_bgrd_left_special.png') left top no-repeat; } #user_nav li.special a { color: #f15a22; } .login #reg .inner { border-left: 1px solid #CCC; } /* --- Lists ------------ */ .items-filter { padding: 10px 0 20px 0; } .items-filter a { padding: 0 10px; } .items-filter input { font-size: 12px; padding: 3px 5px; background: #FFF; border: 2px solid #CCC; outline: none; z-index: 100; } ul.list { overflow: hidden; } ul.list li { overflow: hidden; } ul.list a { display: block; } ul.list a:hover { text-decoration: underline; } ul.list span { display: block; } ul.list .content { } ul.list .content span { display: inline; } ul.list li { clear: left; width: 50%; float: left; position: relative; } ul.list li.even { clear: none; } ul.list li .inner { padding: 20px 20px 20px 0; overflow: hidden; border: dashed #CCC; border-width: 0 1px 1px 0; } ul.list li.even .inner { padding: 20px 0 20px 20px; border-right: none; } ul.list li .image_wrapper { width: 100px; float: left; } ul.list li .image_wrapper a.image_link { width: 100%; height: 100px; background: #EEE; margin-bottom: 10px; } ul.list li .image_wrapper .button { float: none; background: #ff7000; margin: 0; border-width: 2px; border-color: #feed01; font-size: 11px; text-align: center; padding: 0; line-height: 20px; height: 20px; } ul.list li img { display: block; width: 100%; height: 100%; } ul.list li .button { } ul.list.number { } ul.list.title { font-weight: bold; } ul.list .title_wrapper { width: 160px; float: left; padding: 0 0 0 10px; line-height: 14px; } ul.list .title_wrapper a { font-family: georgia, serif; font-size: 130%; font-weight: bold; line-height: 130%; } ul.list .title_wrapper .number { font: 240%/90% Georgia, Verdana, sans-serif; color: #333; padding-bottom: 5px; } ul.list .title_wrapper .times_done { color: #000; font-size: 80%; } ul.list .title_wrapper .times_done { color: #666; } ul.list .title_wrapper .button { } ul.list .buttons { display: block; position: absolute; bottom: 10px; right: 10px; } ul.list .buttons a { display: block; background: #EEE; font-size: 9px; padding: 0px 4px; color: #000; } ul.list .buttons a:hover { background: #CCC; color: #FFF; } ul.list#groups li { } ul.list#groups li img { } ul.list#groups li .title { padding-top: 10px; } ul.list#groups .group_content span { display: inline; background: #CCC; padding: 0 3px; } ul.list#groups .group_school { display: inline; } ul.list#schools { } ul.list#schools .school_content span { display: inline; background: #CCC; padding: 0 3px; } ul.list#campaigns { } ul.list#campaigns a { } .home ul.list .content { padding: 0; } .home ul.list#groups li, .home ul.list.actions li { height: 70px; padding: 0 0 0 70px; position: relative; } .home ul.list#groups li img, .home ul.list.actions li img { width: 50px; height: 50px; } #cnt .panel#tally { } #cnt .panel#tally .header { padding: 6px 0 6px 40px; background: url('images/tally_header_star.jpg') left center no-repeat; margin-bottom: 10px; } #cnt .panel#tally .content { font: 20px/26px Georgia, serif; padding: 0; } #cnt .panel#tally .content span { font-weight: bold; } #actA, #actB { min-height: 500px; } /* --- Pagination ------------ */ .pagination { margin-top: 20px; overflow: hidden; } .pagination p { padding: 0; height: 30px; } .pagination .page-now { width: 50px; float: left; } .pagination .page-jump { width: 50px; float: left; } .pagination .page-jump input { width: 20px; float: left; border: 1px solid #CCC; padding: 3px; margin-right: 5px; } .pagination .paging { float: right; } .pagination .paging li { display: inline; padding: 0 3px; } .pagination .paging li a { padding: 0 4px; } .pagination .paging li a:hover, .pagination .paging li.selected a { background: #090; color: #FFF; } .pagination .paging li.first { } .pagination .paging li.last { } .pagination .paging li.next { } .pagination .paging li.prev { } .page.profile img.fb_profile_pic_rendered, .page.profile .image { display: block; width: 200px; border: 1px solid #CCC; float: left; margin: 0 15px 15px 0; } .page.profile #id_facebook_friends { overflow: hidden; padding: 0; margin-bottom: 20px; } .page.profile #id_facebook_friends li { display: block; width: 50px; height: 50px; float: left; list-style: none outside; margin: 0 5px 5px 0; } .page.profile #id_facebook_friends li strong { display: none; } .page.profile #id_facebook_friends li:hover strong { display: block; } .page.profile .edit_profile { display: block; float: right; background: #EEE; padding: 2px 6px; color: #444; font-size: 10px; } .page.profile .edit_profile:hover { background: #999; color: #FFF; } .page.profile.rte h1 { margin: 0; } .page.profile #tally { color: #59595b; } .border_big_horizontal { height: 4px; overflow: hidden; background: url('images/border_big_horizontal.gif') left top repeat-x; margin: 0 0 20px 0; } .page.profile #id_facebook_friends { overflow: hidden; padding: 0; margin-bottom: 20px; } .page.profile #id_facebook_friends li { display: block; width: 50px; height: 50px; float: left; list-style: none outside; margin: 0 5px 5px 0; } .page.profile #id_facebook_friends li strong { display: none; } .page.profile #id_facebook_friends li:hover strong { display: block; } .users { overflow: hidden; clear: both; margin-top: 20px; } .users li { width: 120px; list-style: none outside; float: left; background: #EEE; border: 1px solid #CCC; overflow: hidden; margin: 0 15px 15px 0; } .users li a { padding: 10px; display: block; white-space: nowrap; } .users li a:hover { background: #FFF; } .users li a img { display: block; margin-bottom: 10px; width: 100px; height: 100px; background: #CCC; } .userlist li { float: left; margin: 0 7px 7px 0; } .userlist li a { display: block; border: 1px solid #CCC; padding: 3px; } .userlist li a .image { display: block; width: 50px; height: 50px; } .userlist li span { display: none; } #action_profile img { margin: 0 0 20px 0; } #action_profile .image { width: 300px; height: 300px; border: none; padding: 0; } #action_profile .image_wrapper { width: 300px; float: left; overflow: hidden; margin-right: 20px; position: relative; } #action_profile h1 { font-size: 240%; margin: 0; } #action_profile h1 span { font-size: 60%; color: #333; } .action_updated { width: 280px; height: 300px; position: absolute; top: 10px; left: 10px; background: url('images/action_updated_bubble.png') left no-repeat; } .action_updated .inner { padding: 20px; } .rte .action_updated h2 { font-size: 240%; } .action_updated p { font-size: 160%; line-height: 120%; } .action_updated a { color: #25a8e5; } .action_updated .buttons { position: absolute; bottom: 20px; left: 20px; } .users_list_wrapper { height: 400px; overflow: auto; } /* --------- Panels ------------------------------------------------------------------------------------*/ .panel { margin-bottom: 20px; } .panel .header { } .panel .header h2 { font-weight: normal; } .panel .content { padding: 20px 0; } /* --- cnt panels --- */ .panel.list ul { border: none; overflow: hidden; } .panel.list ul li { border: 1px dashed #CCC; width: 45%; float: left; margin: 0 10px 10px 0; } .panel.list ul li a { display: block; padding: 10px; color: #000; } .panel.list ul li a:hover { background: #EEE; } .panel.list ul li.last { margin-right: 0; } .panel.list ul li span { display: block; } .panel.list ul li img { width: 50px; height: 50px; float: left; margin: 0 10px 10px 0; background: #EEE; } .panel.list ul li .title { display: block; } .panel.list ul li .desc { clear: both; padding-top: 10px; } .panel#comments .header { margin-bottom: 10px; } .panel#comments .content { padding: 0; } .panel#comments ul { padding: 0; } .panel#comments ul li { margin: 0 0 15px 0; position: relative; list-style: none outside; } .panel#comments ul li ul { padding-top: 10px; } .panel#comments ul li ul li { border: none; padding: 0 0 20px 50px; } .panel#comments ul li span { display: block; } .panel#comments ul li .hdr { overflow: hidden; clear: both; padding: 0 0 0 0px; position: relative; } .panel#comments ul li .hdr.comment { padding: 0 0 15px 0px; background: url('images/bubble_arrow.gif') 20px bottom no-repeat; } .panel#comments ul li .hdr .title { display: block; font-size: 160%; color: #000; padding-bottom: 5px; } .panel#comments ul li .hdr .image { display: block; width: 50px; height: 50px; float: left; margin-right: 10px; background: #EEE; } .panel#comments ul li .cnt { background: #EEE; margin-top: -1px; } .panel#comments ul li .cnt img { display: block; padding: 5px; border: 1px solid #CCC; margin: 10px auto; background: #FFF; } .panel#comments ul li .date { font-size: 10px; color: #444; padding-top: 20px; font-style: italic; } .panel#comments ul li .actions { height: 16px; position: absolute; top: 5px; right: 5px; } .panel#comments ul li .actions a { display: block; line-height: 14px; color: #666; background: #EEE; float: left; padding: 0 8px; font-size: 10px; margin-left: 5px; } .panel#comments ul li .actions a:hover { background: #666; color: #FFF; } .panel#active_people { padding: 0 0 0 25px; } .timeline .panel#comments ul li .date { padding-top: 0; } .bubble_top { background: url('images/bubble_top.gif') left top repeat-x; } .bubble_bottom { background: url('images/bubble_bottom.gif') left bottom repeat-x; } .bubble_left { background: url('images/bubble_left.gif') left top repeat-y; } .bubble_right { background: url('images/bubble_right.gif') right top repeat-y; } .bubble_top_left { background: url('images/bubble_top_left.gif') left top no-repeat; } .bubble_top_right { background: url('images/bubble_top_right.gif') right top no-repeat; } .bubble_bottom_left { background: url('images/bubble_bottom_left.gif') left bottom no-repeat; } .bubble_bottom_right { background: url('images/bubble_bottom_right.gif') right bottom no-repeat; } .bubble_inn { padding: 10px 15px; } .box_top { background: url('images/box_top.gif') left top repeat-x; margin-bottom: 20px; } .box_bottom { background: url('images/box_bottom.gif') left bottom repeat-x; } .box_left { background: url('images/box_left.gif') left top repeat-y; } .box_right { background: url('images/box_right.gif') right top repeat-y; } .box_top_left { background: url('images/box_top_left.gif') left top no-repeat; } .box_top_right { background: url('images/box_top_right.gif') right top no-repeat; } .box_bottom_left { background: url('images/box_bottom_left.gif') left bottom no-repeat; } .box_bottom_right { background: url('images/box_bottom_right.gif') right bottom no-repeat; } .box_inn { padding: 20px 25px 40px; } .box_inn .separator { margin: 20px -25px; height: 5px; background: #ebebe2; } #home-map .box_inn { padding: 20px 20px 40px; } .no_box { padding: 0 25px 20px 25px; } /* --- Sidebar panels --- */ #sidebar .panel { border: 7px solid #EBEBE2; padding: 20px; } #sidebar .panel .header { } #sidebar .panel .header h2, #sidebar .panel .header h3 { font-size: 145%; color: #E6218F; margin: 0 0 10px 0; } #sidebar .panel .header h3 a { } #sidebar .panel .content { padding: 10px 10px 20px 10px; } #sidebar .panel .content ul { } #sidebar .panel .content ul li { padding-bottom: 10px; } #sidebar .panel .content ul li a { } #sidebar .panel .content ul li a:hover { text-decoration: underline; } #sidebar .panel .content ul li span { color: #666; } #sidebar .categories { background: #ebebe3 url('images/sidebar_cat_hdr_bgrd.gif') left top no-repeat; border: none; margin-left: -20px; padding: 0; margin-bottom: 10px; } #sidebar .categories .header { padding: 30px 10px 10px 27px; color: green; } #sidebar .categories .content { background: url('images/sidebar_cat_ftr_bgrd.gif') left bottom no-repeat; padding: 0px 20px 20px 27px; } #sidebar .categories .content ul li { padding: 0; } #sidebar .categories .content ul li a { display: block; line-height: 30px; background: url('images/bullet_green_arrow_big.gif') left center no-repeat; padding-left: 20px; } #sidebar .categories .content ul li.selected { } #sidebar .categories .content ul li.selected a { font-weight: bold; text-decoration: underline; } #sidebar .categories .content ul li ul { } #sidebar .categories .content ul li ul li { } #sidebar .categories .content ul li ul li a { } #sidebar .categories.closed .header { background: url('images/sidebar_cat_ftr_bgrd.gif') left bottom no-repeat; padding: 20px 10px 20px 27px; } #sidebar .categories.closed .content { display: none; } #sidebar .panel.statistics .header { border: none; } #sidebar .panel.resources .content { padding: 0; } #sidebar .panel.resources h4 { } #sidebar .panel.resources ul { padding: 0; border-bottom: 1px solid #CCC; } #sidebar .panel.resources ul li { overflow: hidden; border-top: 1px solid #CCC; padding: 10px; } #sidebar .panel.resources ul li p { padding: 0; } #sidebar .panel.resources ul li p.desc { display: none; } #sidebar .panel.resources ul li img { display: block; width: 50px; height: 50px; float: left; margin-right: 10px; background: #EEE; overflow: hidden; } #sidebar .panel.resources ul li dl { display: none; margin-top: 10px; } #sidebar .panel.resources ul li dl dt { font-weight: bold; } #sidebar .panel.resources ul li dl dd { } #sidebar .panel.resources ul li dl dd a { display: block; padding-left: 20px; background: url(images/icons/page_white_put.png) left 1px no-repeat; margin-bottom: 3px; } #sidebar .panel.resources ul li.hover { cursor: pointer; background: #EEE; } #sidebar .panel.resources ul li.active img { width: 100px; height: 80px; } /*#sidebar .panel.resources ul li.active dl { display: block; }*/ #sidebar .panel.students .content ul { padding: 10px 0 20px 0; } #sidebar .panel.students .content ul li { overflow: hidden; } #sidebar .panel.students .content ul li strong { display: block; } #sidebar .panel.students .content ul li img { display: block; width: 50px; height: 50px; float: left; margin-right: 10px; background: #EEE; overflow: hidden; } #sidebar .panel.sidebar_actions_list { border-bottom: none; margin-bottom: 0; } #sidebar .panel.sidebar_actions_list.no_ajax { border-bottom: 7px solid #EBEBE2; margin-bottom: 20px; } #sidebar .panel.sidebar_my_actions_list { border-top: none; } #sidebar .panel.sidebar_my_actions_list#bordertop { border-top: 7px solid #EBEBE2; } #sidebar .panel.sidebar_my_actions_list#bordertop .cnt { min-height: 120px; } #sidebar .sidebar_actions_list_arrow { height: 37px; background: url('images/action_tracker_arrow.gif') center top no-repeat; } #sidebar .panel#facebook { height: 94px; margin-bottom: 10px; border: none; padding: 0; background: url('images/facebook_panel_bgrd.gif') left top no-repeat; color: #FFF; font: bold 10px Verdana, sans-serif; } #sidebar .panel#facebook .inner { padding: 25px 10px 10px 10px; } #sidebar .panel#facebook #fb_disconnect { display: block; width: 242px; height: 31px; line-height: 31px; color: #FFF; text-indent: 33px; background: url('images/facebook_panel_disconnect_button.gif') left top no-repeat; margin-top: 5px; } #sidebar .panel#regions ul { } #sidebar .panel#regions ul ul { padding: 0 0 20px 20px; } #sidebar .panel#regions ul li { line-height: 20px; } #sidebar .panel#regions ul li a { } #sidebar .panel#regions ul li a:hover { text-decoration: underline; } #sidebar .panel#regions ul li.selected { font-weight: bold; } #sidebar .panel#regions ul li ul li.selected a { color: #f30d89; } #sidebar .panel#regions ul li ul li.selected li a { color: #090; } #sidebar .panel#regions ul li ul li.selected li.selected a { color: #f30d89; } /* --------- Campaign create ------------------------------------------------------------------------------------*/ .campaign .steps { margin-bottom: 20px; overflow: hidden; border: 2px solid #CCC; padding: 10px; } .campaign .steps li { display: block; float: left; padding: 0 20px 0 5px; background: url(images/icons/bullet_go.png) right center no-repeat; } .campaign .steps li a { display: block; float: left; padding: 10px 15px; } .campaign .steps li#finish { background: none; } .campaign .steps li#finish.selected { padding: 0 0 0 10px; } .campaign .steps li.selected a { padding: 10px 20px; background: green; color: white; } .campaign .steps li a:hover { text-decoration: underline; } /* --- Group Action Tracker --- */ .action_tracker { width: 100%; border-collapse: collapse; } .action_tracker td { vertical-align: top; border-bottom: 1px dotted #EAE9E0; } .action_tracker td img { display: block; width: 50px; height: 50px; background: #EEE; margin: 10px; } .action_tracker td strong { display: block; font-size: 200%; } .action_tracker td.title { vertical-align: middle; } .action_tracker td.title a { font-weight: bold; color: #000; display: block; font-size: 120%; } .action_tracker td.cufon { font-size: 120%; text-align: center; vertical-align: middle; } .action_tracker td.image_column { width: 5%; } .action_tracker td.title_column { width: 70%; } .action_tracker td .title { display: block; font-size: 120%; padding: 3px 0; } .action_tracker td a.button { margin-top: 10px; } .users_list li { border: 1px solid #CCC; padding: 5px; margin-bottom: 5px; } .users_list li.checked { background: #EFE; border-color: #090; } .users_list li .input { display: none; } .users_list li label { display: block; overflow: hidden; } .users_list li label .image { display: block; width: 50px; height: 50px; float: left; } .users_list li label span { display: block; width: 100px; height: 50px; float: left; padding-left: 10px; } .ajax_list ul li a, .sidebar_actions_list ul li a, ul.actions_list li a { display: block; padding: 7px 0 7px 30px; line-height: 18px; background: url('images/bullet_blue_plus.png') left 4px no-repeat; } .ajax_list ul li a:hover, .sidebar_actions_list ul li a:hover, ul.actions_list li a:hover { text-decoration: underline; } .sidebar_actions_list ul.actions_list li { overflow: hidden; clear: both; } .sidebar_actions_list ul.actions_list li a.plus { display: block; float: left; width: 28px; height: 29px; padding: 0; background: url('images/bullet_blue_plus.png') left 4px no-repeat;} .sidebar_actions_list ul.actions_list li a.link { display: block; width: 170px; padding: 7px 0 7px 0; line-height: 18px; background: none; float: left; } .sidebar_actions_list .see_all, .sidebar_my_actions_list .see_all { display: block; height: 25px; line-height: 25px; text-align: right; padding-right: 15px; color: #a6a666; background: #ebebe2; margin: 10px -10px -10px -10px; } .sidebar_actions_list .see_all:hover, .sidebar_my_actions_list .see_all:hover { background: #d3d3b2; color: #7c7c34; } .sidebar_my_actions_list .see_all { margin-bottom: -20px; } .sidebar_actions_button { height: 85px; background: url('images/small_at_bottom_bgrd_with_button.gif') center bottom no-repeat; position: relative; margin-bottom: 20px; } .sidebar_actions_button a { display: block; width: 246px; height: 60px; text-indent: -1920px; background: url('images/small_at_save_button.jpg') left top no-repeat; position: absolute; bottom: 7px; left: 7px; } .sidebar_actions_no_button { height: 35px; background: url('images/small_at_bottom_bgrd_without_button.gif') center bottom no-repeat; margin-bottom: 20px; } #sidebar .panel.sidebar_my_actions_list { border-bottom: none; margin: 0; } .sidebar_my_actions_list ul.actions_list li a { background: url('images/bullet_green_chek.png') left 4px no-repeat; } /* --- Buttons --- */ ul.list .buttons { position: absolute; top: 10px; right: 10px; overflow: hidden; margin-bottom: 0; } ul.list .buttons a { float: left; padding: 9px 15px; margin: 0 0 0 10px; background: green; color: white; } ul.list .buttons a:hover { text-decoration: underline; background: brown; } #post_comment .buttons { display: none; } #id_actions_done { display: none; margin-bottom: 20px } #id_actions_done input { width: 25px; } #decide_what, #id_hidden_info { display: none; } .items form { width: 250px; float: right; clear: both; } .items form .input { float: right; clear: both; } .items form .input .field input.field, .items form .input .field input.field:focus { background: #FFF url(images/icons/zoom.png) 3px 3px no-repeat; padding-left: 23px; width: 80%; } .items ul { } .items ul li { display: block; line-height: 18px; margin-bottom: 7px; } .items ul li a { display: block; line-height: 18px; padding-left: 25px; background: url(images/icons/add.png) left 2px no-repeat; color: #000; } .items ul li a:hover { text-decoration: underline; color: #090; } .items#used_items ul li a { background-image: url(images/icons/delete.png); color: #900; } .items#items ul { width: 100%; height: 300px; overflow: auto; } /* --- Homepage people doing something --- */ #dynamic_active_users li { width: 50px; height: 50px; float: left; margin-right: 8px; border: 1px solid #CCC; overflow: hidden; } .items_cnt { background: transparant url('images/loading3.gif') center no-repeat; } .items-cnt.loading { background: transparent url('images/loading3.gif') center no-repeat; } .items-cnt.loading * { visibility: hidden; } .tab-titles { overflow: hidden; margin-bottom: -5px; } .tab-titles li { height: 37px; float: left; position: relative; z-index: 1; } .tab-titles li a { display: block; height: 42px; float: left; padding: 0 30px; line-height: 42px; font-size: 110%; } .tab-titles li.selected { height: 42px; } .tab-titles li.selected a { color: #000; } .tab-titles li.left { background: url('images/tabs_li_bgrd_left.gif') left -42px no-repeat; } .tab-titles li.right { background: url('images/tabs_li_bgrd_right.gif') right -42px no-repeat; } .tab-titles li.left.selected { background-position: left top; } .tab-titles li.right.selected { background-position: right top;} .tab-container { display: none; } .tab-container.selected { display: block; } #actions-comment { font-size: 120%; margin:30px 0 0 0;} #grandes-cambios { font-size: 270%; } /* * ------------------------------- * grid * ------------------------------- */ /* --- Cols ------------ */ .col { float: left; overflow: hidden; } .col .inner { padding: 20px; } .col .date { padding: 0 10px 10px 0; } .col .inner.pr { padding: 0 20px 0 0; } .col.w2 { width: 50%; } .col.w3 { width: 33%; } .col.w4 { width: 25%; } .col.w23 { width: 66%; } .col.w34 { width: 75%; } /* * ------------------------------- * rte * ------------------------------- */ /* --------- Rich Text Editor Styles ------------------------------------------------------------------------------------*/ .rte { font-size: 12px; } .rte h1 { font-weight: normal; font-size: 220%; padding: 0 0 20px 0; } .rte h2 { font-weight: normal; font-size: 180%; padding: 0 0 10px 0; } .rte h3 { font-weight: normal; font-size: 160%; padding: 0 0 5px 0; } .rte h4 { font-weight: normal; font-size: 140%; padding: 5px 0; } .rte h5 { font-size: 120%; padding: 0 0 5px 0; } .rte h6 { font-size: 100%; padding: 0 0 5px 0; } .rte a { } .rte a:hover { text-decoration: underline; } .rte p { padding: 0 0 20px 0; } .rte p a { } .rte p + ul { padding: 0 30px 20px 30px; } .rte p + ol { padding: 0 30px 20px 30px; } .rte ul { padding: 0 30px 20px 30px; } .rte ul ul { padding: 10px 30px; } .rte ul li { list-style: disc outside; display: list-item; } .rte ul li li { list-style: circle; } .rte ul li a { } .rte ul + ul { padding: 0 30px 20px 30px; } .rte ol { padding: 20px 30px; } .rte ol ol { padding: 10px 30px; } .rte ol li { list-style: decimal outside; display: list-item; } .rte ol li a { } .rte ol + ol { padding: 0 30px 20px 30px; } .rte code { display: block; background: #EEE; border: 1px solid #CCC; font: 0.8em Courier, Tahoma, sans-serif; padding: 10px; margin: 20px 0; white-space: pre; } .rte p + code { margin-top: 0; } .rte blockquote { color: #666; padding: 20px; border-left: 5px solid #CCC; margin: 0 20px 20px 20px; } .rte blockquote p { padding-bottom: 0; line-height: 20px; } .rte img[align=right], .rte table[align=right] { margin-left: 20px; } .rte img[align=left], .rte table[align=left] { margin-right: 20px; } /* * ------------------------------- * forms * ------------------------------- */ /* --- Forms ------------ */ fieldset { background: #EEE; border: 1px solid #CCC; clear: both; margin: 0px 0px 30px 0; padding: 20px; } fieldset legend { background: #FFF; border: 1px solid #CCC; color: #000; font-weight: bold; padding: 5px 10px; text-transform: capitalize; } fieldset .buttons { margin-bottom: 0; } form dl { } form dl dt { font-size: 140%; } form dl dd { padding: 20px 20px 30px 40px; } form .input { padding-bottom: 15px; overflow: hidden; } form .input label { display: block; font-weight: bold; } form .input label span { color: #900; } form .input label.checkbox { display: inline; font-weight: normal; padding-left: 5px; } form .input .field { } form .input .field textarea, form .input .field input.field { font-size: 12px; width: 95%; padding: 3px 5px; background: #FFF; border: 2px solid #CCC; outline: none; z-index: 100; } form .input .field textarea:focus, form .input .field input.field:focus { border: 2px solid #ef9e4d; background: #FFF; } form .input .error, form .input .help { display: block; color: #444; font-weight: normal; font-size: 90%; border: 2px solid #CCC; border-top: none; padding: 0 3px 0px 3px; margin: 0 0 0 15px; float: left; z-index: 1; } form .input .error { color: #900; } form .input.invalid .help, form .input.invalid label, form .input.invalid .field textarea, form .input.invalid .field input.field { color: #900; border-color: #900; } form .input.loading div.field { background: url('images/ajax-loader.gif') right center no-repeat; } form .input.captcha { overflow: hidden; } form .input.captcha img { display: block; float: left; padding: 4px 5px 5px 5px; background: #FFF; border: 2px solid #CCC; border-right: none; margin-right: -2px; } form .input.captcha div.field { width: 30px; float: left; } form .input .list { overflow: hidden; border: none; padding: 0; } form .input .list li { border: none; float: left; padding-left: 0; } button, .button { display: block; border: 3px solid #090; background: Green; color: #FFF; font-weight: bold; padding: 5px 10px; float: left; margin-bottom: 20px; margin-right: 15px; } button { padding: 6px 10px; } button:hover, .button:hover { border-color: #0B0; background: #080; color: #EEE; cursor: pointer; } /* --- Floating Labels --- */ .float .input { overflow: hidden; clear: both; } .float .input label { width: 30%; float: left; text-align: right; margin-right: 3%; padding-top: 4px; } .float .input div.file_field, .float .input div.field { width: 60%; float: left; } .float .input .help, .float .input .error { clear: both; margin-left: 36%; } .float .input.croppable { padding-top: 20px; } .float .input.croppable .jcrop-holder { margin: 0 auto; } .float .input.croppable label { } .float .input.croppable .field { margin-left: 33%; float: none; width: auto; clear: both; overflow: hidden; } .float .input.croppable .input { padding: 10px 0 0 0; } .float .input.croppable .input label { display: inline; width: auto; padding: 0; } .float .input.croppable .wrapper { clear: both; } .float .input .preview { clear: both; margin: 10px 0 20px 33%; } .float .input.croppable label, .float .input.captcha label, .float .input.date label { padding-top: 0; } /*#cant_find_school { display: block; margin-bottom: 20px; } .float #cant_find_school { margin-left: 33%; } */ /* --- Croppables --- */ form .input.croppable { overflow: hidden; margin-bottom: 20px; } form .input.croppable .field { padding: 10px 0 0 0; } form .input.croppable .file_field { } form .input.croppable button, form .input.croppable .button { margin: 0; padding: 2px 5px; } form .input .preview { margin: 5px 5px 0 0; padding: 1px; } form .input .preview a { overflow: hidden; position: relative; display: block; padding: 0; border: 5px solid #FFF; outline: 1px solid #999 } form .input .preview a .file-img { display: block; } .errors { border: 2px solid #900; margin-bottom: 30px; background: #FFF; padding: 10px; } .errors li { padding: 5px 10px; color: #000; } .errors li label { font-weight: bold; color: #900; cursor: pointer; } .errors li label:hover { text-decoration: underline; } p.errors { padding: 5px 10px; }