diff --git a/main/css/blue_lagoon/default.css b/main/css/blue_lagoon/default.css index e522b409eb..5c76198345 100755 --- a/main/css/blue_lagoon/default.css +++ b/main/css/blue_lagoon/default.css @@ -3329,12 +3329,12 @@ div.image-social-content center.friend { margin-bottom:10px; margin-left:0px; margin-right:0px; - width:215px; +/* width:215px; */ } #social_widget_image { float:left; - width:190px; + /* width:190px; */ margin-bottom:10px; padding:2px; } diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css index 96c8b7cdba..9effb4da8d 100755 --- a/main/css/cool_blue/default.css +++ b/main/css/cool_blue/default.css @@ -897,72 +897,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2236,117 +2170,6 @@ div.comments { margin: 0px; padding: 0px; } -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - color:#808080; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} /***************************************************** * BUTTONS * *****************************************************/ @@ -2615,3 +2438,1012 @@ input.arrowl { background-color:#eee; width:500px; } + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#32578b; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; +/* width:190px;*/ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/dokeos_blue/default.css b/main/css/dokeos_blue/default.css index b326109b4e..223aa0a4a2 100755 --- a/main/css/dokeos_blue/default.css +++ b/main/css/dokeos_blue/default.css @@ -900,73 +900,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - text-align:center; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2157,202 +2090,6 @@ div.comments { font-weight:bolder; vertical-align:middle; } -/********************************************** - * MESSAGE TOOL * - **********************************************/ -.message_view_table { - cellspacing:0; - cellpadding:0; - background-color:#dbeaf5; - border=0; - border-collapse: collapse; - width: 100%; -} -.message_view_table th { - padding-right: 12px; - border: 1px solid gray; - background-color: #f0f0f0; -} -.message-select-box { - float:left; - display:inline; - position:absolute; - margin-top:23px; - margin-left:20px; -} -/* styles from the my.profile.php file */ -.message-content { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:200px; - position:relative; -} -.message-content .message-delete { - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; -} -.message-content-internal { - display:inline; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:150px; - margin-right:-100px; -} -.message-title { - color:#ff0000; - font-size:15px; -} -.message-body { - font-size:11px; - padding: 0 0 11px; - color:#333; -} -.message-link { - color:#ff8400; -} -.message-view { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:115px; - margin-right:-100px; -} -.message-content-table { - background-color:white; - border:1px solid black; - position:absolute; - width:200px; - height:60px; - z-index:3; - visibility:hidden; - top:85px; - left:10px; - margin: 0px; - padding: 0px; -} -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} /***************************************************** * BUTTONS * *****************************************************/ @@ -2621,3 +2358,1012 @@ input.arrowl { background-color:#eee; width:500px; } + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#4171B5; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /* width:190px; */ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/empire_green/default.css b/main/css/empire_green/default.css index a4be69afde..e7d3cd42b2 100755 --- a/main/css/empire_green/default.css +++ b/main/css/empire_green/default.css @@ -912,72 +912,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2166,203 +2100,6 @@ div.comments { font-weight:bolder; vertical-align:middle; } -/********************************************** - * MESSAGE TOOL * - **********************************************/ -.message_view_table { - cellspacing:0; - cellpadding:0; - background-color:#dbeaf5; - border=0; - border-collapse: collapse; - width: 100%; -} -.message_view_table th { - padding-right: 12px; - border: 1px solid gray; - background-color: #f0f0f0; -} -.message-select-box { - float:left; - display:inline; - position:absolute; - margin-top:23px; - margin-left:20px; -} -/* styles from the my.profile.php file */ -.message-content { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:200px; - position:relative; -} -.message-content .message-delete { - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; -} -.message-content-internal { - display:inline; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:150px; - margin-right:-100px; -} -.message-title { - color:#ff0000; - font-size:15px; -} -.message-body { - font-size:11px; - padding: 0 0 11px; - color:#333; -} -.message-link { - color:#ff8400; -} -.message-view { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:115px; - margin-right:-100px; -} -.message-content-table { - background-color:white; - border:1px solid black; - position:absolute; - width:200px; - height:60px; - z-index:3; - visibility:hidden; - top:85px; - left:10px; - margin: 0px; - padding: 0px; -} -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - color:#5b975b; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} /***************************************************** * BUTTONS * *****************************************************/ @@ -2631,3 +2368,1012 @@ input.arrowl { background-color:#eee; width:500px; } + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#5B975B; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /* width:190px; */ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/fruity_orange/default.css b/main/css/fruity_orange/default.css index 73ee31aff2..4200dd1f7e 100755 --- a/main/css/fruity_orange/default.css +++ b/main/css/fruity_orange/default.css @@ -912,72 +912,7 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} + /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2166,203 +2101,7 @@ div.comments { font-weight:bolder; vertical-align:middle; } -/********************************************** - * MESSAGE TOOL * - **********************************************/ -.message_view_table { - cellspacing:0; - cellpadding:0; - background-color:#dbeaf5; - border=0; - border-collapse: collapse; - width: 100%; -} -.message_view_table th { - padding-right: 12px; - border: 1px solid gray; - background-color: #f0f0f0; -} -.message-select-box { - float:left; - display:inline; - position:absolute; - margin-top:23px; - margin-left:20px; -} -/* styles from the my.profile.php file */ -.message-content { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:200px; - position:relative; -} -.message-content .message-delete { - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; -} -.message-content-internal { - display:inline; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:150px; - margin-right:-100px; -} -.message-title { - color:#ff0000; - font-size:15px; -} -.message-body { - font-size:11px; - padding: 0 0 11px; - color:#333; -} -.message-link { - color:#ff8400; -} -.message-view { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:115px; - margin-right:-100px; -} -.message-content-table { - background-color:white; - border:1px solid black; - position:absolute; - width:200px; - height:60px; - z-index:3; - visibility:hidden; - top:85px; - left:10px; - margin: 0px; - padding: 0px; -} -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - color:#808080; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} + /***************************************************** * BUTTONS * *****************************************************/ @@ -2631,3 +2370,1012 @@ input.arrowl { background-color:#eee; width:500px; } + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#F8B846; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /* width:190px; */ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css index 9e34f2346e..bda994e903 100755 --- a/main/css/public_admin/default.css +++ b/main/css/public_admin/default.css @@ -3414,7 +3414,7 @@ div.image-social-content center.friend { #social_widget_image { float:left; - width:190px; + /*width:190px;*/ margin-bottom:5px; padding:2px; } diff --git a/main/css/royal_purple/default.css b/main/css/royal_purple/default.css index 1d49c23a71..da0b9d83c2 100755 --- a/main/css/royal_purple/default.css +++ b/main/css/royal_purple/default.css @@ -907,72 +907,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2162,203 +2096,6 @@ div.comments { font-weight:bolder; vertical-align:middle; } -/********************************************** - * MESSAGE TOOL * - **********************************************/ -.message_view_table { - cellspacing:0; - cellpadding:0; - background-color:#dbeaf5; - border=0; - border-collapse: collapse; - width: 100%; -} -.message_view_table th { - padding-right: 12px; - border: 1px solid gray; - background-color: #f0f0f0; -} -.message-select-box { - float:left; - display:inline; - position:absolute; - margin-top:23px; - margin-left:20px; -} -/* styles from the my.profile.php file */ -.message-content { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:200px; - position:relative; -} -.message-content .message-delete { - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; -} -.message-content-internal { - display:inline; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:150px; - margin-right:-100px; -} -.message-title { - color:#ff0000; - font-size:15px; -} -.message-body { - font-size:11px; - padding: 0 0 11px; - color:#333; -} -.message-link { - color:#ff8400; -} -.message-view { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:115px; - margin-right:-100px; -} -.message-content-table { - background-color:white; - border:1px solid black; - position:absolute; - width:200px; - height:60px; - z-index:3; - visibility:hidden; - top:85px; - left:10px; - margin: 0px; - padding: 0px; -} -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - color:#8e5b97; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} /***************************************************** * BUTTONS * *****************************************************/ @@ -2627,3 +2364,1011 @@ input.arrowl { background-color:#eee; width:500px; } +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#8E5B97; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /* width:190px; */ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/sober_brown/default.css b/main/css/sober_brown/default.css index c2c13d3417..4c7b958bff 100755 --- a/main/css/sober_brown/default.css +++ b/main/css/sober_brown/default.css @@ -2921,3 +2921,1013 @@ input.arrowl { background-color:#eee; width:500px; } + + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#32578b; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /*width:190px;*/ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/steel_grey/default.css b/main/css/steel_grey/default.css index e016acd954..8389fae192 100755 --- a/main/css/steel_grey/default.css +++ b/main/css/steel_grey/default.css @@ -915,72 +915,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2168,203 +2102,6 @@ div.comments { font-weight:bolder; vertical-align:middle; } -/********************************************** - * MESSAGE TOOL * - **********************************************/ -.message_view_table { - cellspacing:0; - cellpadding:0; - background-color:#dbeaf5; - border=0; - border-collapse: collapse; - width: 100%; -} -.message_view_table th { - padding-right: 12px; - border: 1px solid gray; - background-color: #f0f0f0; -} -.message-select-box { - float:left; - display:inline; - position:absolute; - margin-top:23px; - margin-left:20px; -} -/* styles from the my.profile.php file */ -.message-content { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:200px; - position:relative; -} -.message-content .message-delete { - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; -} -.message-content-internal { - display:inline; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:150px; - margin-right:-100px; -} -.message-title { - color:#ff0000; - font-size:15px; -} -.message-body { - font-size:11px; - padding: 0 0 11px; - color:#333; -} -.message-link { - color:#ff8400; -} -.message-view { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:115px; - margin-right:-100px; -} -.message-content-table { - background-color:white; - border:1px solid black; - position:absolute; - width:200px; - height:60px; - z-index:3; - visibility:hidden; - top:85px; - left:10px; - margin: 0px; - padding: 0px; -} -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - color:#808080; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} /***************************************************** * BUTTONS * *****************************************************/ @@ -2633,3 +2370,1013 @@ input.arrowl { background-color:#eee; width:500px; } + + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#808080; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /* width:190px; */ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/main/css/tasty_olive/default.css b/main/css/tasty_olive/default.css index ba2a990fae..3f3c8e6a16 100755 --- a/main/css/tasty_olive/default.css +++ b/main/css/tasty_olive/default.css @@ -913,72 +913,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { border-color: #ccc; color: #111; } -#message { - margin: 0 auto; - text-align: center; -} -#message select { - margin: 10px 0; - width: 220px; -} -#message textarea { - margin: 10px 0; -} -#message td { - padding: 4px; -} -.message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin:left:5px; -} -.message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; -} -.message-content-body-left { - float:left; - width:30%; -} -.message-content-body-right { - float:right; - text-align:left; - width:60%; -} -.message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; -} -.message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; -} -.message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; -} -.message-content-body-right:hover { -} /********************************************** * DOCUMENT MODULE * **********************************************/ @@ -2254,116 +2188,7 @@ div.comments { padding:0px 10px 0 0; font-weight:normal; } -/*SOCIAL TOOL*/ -div.image-social-content { - float:left; - border:1px solid #B8C8DC; - margin:2px; - padding: 8px 4px 4px 4px; - background: #ffffff; - height:125px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; -} -div.image-social-content span { - overflow:hidden; - display:block; - height:92px; -} -div.image-social-content img { - vertical-align:middle; -} -div.image-social-content center.friend { - overflow:hidden; - height:30px; -} -.image-social-content .image-delete { - position: absolute; - top: 1px; - right: 1px; - cursor: pointer; -} -.social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; -} -.social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; -} -.social-search-image { - color:#000033; - margin-top:2px; - border-bottom:1px solid #6B6262; - border-left:1px solid #6B6262; - border-right:1px solid #6B6262; - border-top:1px solid #6B6262; - width:250px; -} -.social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-align-box { - text-align:left; - float:left; -} -.social-content-description { - background:#ECE9D8; -} -.social-content-body { - background:#ffffff; -} -.social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; -} -.social-profile-info dt { - text-align:left; - clear:left; - float:left; - width:100px; -} -.social-profile-info dd { - padding:1px 0px 3px 0px; - float:left; - margin:0; - display : block; - padding-left:10px; - width:200px; -} -/* general layout of the profile page */ -#social-profile-wrapper { - width: 100%; - text-align:left; - margin:0 auto; - float: left; -} -#social-profile-container { - /* width: 705px; */ -} -#social-profile-left { - float:left; - width:22%; -} -#social-profile-content { - float:right; - width:47%; - margin-left: 4px; -} -#social-profile-right { - float:right; - width:30%; - margin-left: 4px; -} + /***************************************************** * BUTTONS * *****************************************************/ @@ -2632,3 +2457,1013 @@ input.arrowl { background-color:#eee; width:500px; } + + +/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ + +* { + outline :none; +} + +/* +input, select, textarea { + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + -x-system-font:none; + border:1px solid #CCCCCC; + color:#666666; + font-family:Arial,Helvetica,sans-serif; + font-size:120%; + font-size-adjust:none; + font-stretch:normal; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; + padding:5px; +} +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} +.independent_course_item a { + font-size:135%; +} +.session_course_item a { + font-size:120%; +} +*/ + +#maincontent .courseslist li { + margin-bottom:8px; +} +/* +a.read { + font-weight:normal; +} +.actions { + background:#efefef; + border:1px solid #ccc; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; +} +.actions-title { + background:#efefef; + border:1px solid #ccc; + padding:4px; + margin-bottom: 5px; + font-size:14px; + font-weight:bolder; + vertical-align:middle; +}*/ + + +/* GROUP TOOL */ + +#group_description { + margin: 10px 0px 10px 0px; +} + +#group_privacy { + margin: 10px 0px 10px 0px; +} + +#group_permissions { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#EEE none repeat scroll 0 0; + + margin: 20px 0px 20px 0px; +} + +#group_permissions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0; +} + +#group_permissions ul li { + margin: 10px 0px 10px 5px; +} + +/* Groups boxes */ + +.groups_grid_container { + width:100%; +} +.groups_grid_item { + width:80px; + float:left; + margin:5px; +} +.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} +.groups_grid_element_2 { width:150px; float:left;} + +/*POPULAR GROUP*/ + +.popular_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.popular_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*NEWEST GROUP*/ + +.newest_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; + } + +.newest_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +/*MY GROUPS*/ + +.mygroups_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.mygroups_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +.box_description_group_title { + float:right;width:80%; +} +.box_description_group_content { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.box_description_group_actions { + float:right; + width:80%; + text-align:right; + margin-top:4px; + margin-right:4px; +} + +/*PROFILE*/ + +.profile_grid_container { width:100%;} +.profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:90px; + margin:5px; + padding:5px; + width:270px; +} +.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } + + +/* pagination grid sortable */ +.sub_header {width:100%} +.grid_selectbox {float:left;width:35%} +.grid_title {float:left;width:30%;text-align:center} +.grid_nav {float:left;width:35%;text-align:right} + + +/* Groups boxes */ + +.group_invitation_grid_container { width:100%;} +.group_invitation_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:85px; + margin:8px; + padding:5px; + width:300px; +} +.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} +.group_invitation_grid_element_2 { width:150px; float:left;} + + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom:60px; +} + +.home_group_grid_element_1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; + margin:2px; + padding:2px; +} +.home_group_grid_element_2 { + float:right; + width:80%; + height:45px; + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { width:100%;} +.invitation_profile_grid_item { + border:1px dotted #CCCCCC; + float:left; + height:110px; + margin:5px; + padding:5px; + width:100px; +} +.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} +.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} + +/* User boxes */ +.search_users_grid_container { width:100%;} +.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} +.search_users_grid_element_2 { width:150px; float:left;} + +.search_users_grid_selectbox { width:50%; float:left;} +.search_users_grid_title { width:30%; float:left;} +.search_users_grid_nav { float:right;} + +/*WAITING USER*/ +.waiting_user_grid_container { width:100%;} +.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} +.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} +.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} +.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} +.waiting_user_grid_element_5 { width:100%; text-align:left;} +.waiting_user_grid_element_6 { width:100%; text-align:left;} + +/*LIST MEMBERS*/ +.list_members_grid_container { width:100%;} +.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} +.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} +.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.list_members_grid_element_5 { width:100%; text-align:center;} + +/*SEARCH USER*/ +.search_user_grid_container { width:100%;} +.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} +.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} +.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} +.search_user_grid_element_1 { width:100%; text-align:center;} +.search_user_grid_element_2 { width:100%; text-align:center;} +.search_user_grid_element_3 { width:100%; text-align:center;} + +/*SEARCH GROUP*/ + +.search_group_grid_item { + float:left; + width:350px; + height:165px; + margin-top:20px; +} + +.search_group_grid_container { + margin-top:0px; +} + +.search_group_grid_element_1 { + width:330px; + height:165px; + padding-left:10px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} + +#menu { +/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; + -webkit-border-radius: 10px; border: 1px solid #e1e1e0; + -opera-border-radius: 10px; border: 1px solid #e1e1e0; + + margin-top:20px; + margin-right:10px; + margin-bottom:40px; + + padding-left:10px; + padding-right:10px; + padding-top:5px; + padding-bottom:30px; + + width:240px; */ + float: right; + min-height: 150px; + +} + +/* INVITATIONS */ + +.invitation_confirm { + border-top:1px solid #D8DFEA; +} +.invitation_image { + width:110px; +} + + +/********************************************** + * MESSAGE TOOL * + **********************************************/ + + #inbox-wrapper { + width:100%; +} +#inbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} +#outbox { + height:auto; + margin-left:auto; + margin-right:auto; + overflow:hidden; +} + +#inbox-menu { + width:150px; + float:left; + margin-right:10px; +} +#inbox-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +#inbox-menu ul li { + padding:2px 0px; +} + +#message-reply-link { + float:right; +} +.message-item { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#F5F5F5 none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; +} +.message-topic { + -moz-background-clip:border; + -moz-background-inline-policy:continuous; + -moz-background-origin:padding; + -moz-border-radius-bottomleft:8px; + -moz-border-radius-bottomright:8px; + -moz-border-radius-topleft:8px; + -moz-border-radius-topright:8px; + background:#E6EEFB none repeat scroll 0 0; + margin:0 0 5px; + padding:10px; + +} +.message-group-title-topic { + font-size:180%; + margin:5px 0px 5px 0px; +} +.message-group-title { + font-size:120%; +} +.message-group-author { + margin:5px 0px 5px 0px; +} +.message-group-content { + line-height:150%; + margin: 5px 0px 8px 0px; +} +.message-group-date { + color:#666; + width:100%; + text-align:right; +} +.view-message-content { + line-height:150%; + font-size:110%; +} + +.message_view_table { + cellspacing:0; + cellpadding:0; + background-color:#dbeaf5; + border=0; + border-collapse: collapse; + width: 100%; +} +.message_view_table th { + padding-right: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.message-select-box { + float:left; + display:inline; + position:absolute; + margin-top:23px; + margin-left:20px; +} + +/* styles from the my.profile.php file */ +.message-content { +float:left; +} +.message-content .message-delete { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.message-content-internal { + display:inline; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:150px; + margin-right:-100px; +} +.message-title { +/* color:#ff0000; */ + font-size:12px; +} +.message-body { + font-size:11px; + padding: 0 0 11px; + color:#333; +} +.message-link { + color:#ff8400; +} +.message-view { + float:right; + margin:20px auto; + background:#F5E38E; + border:2px solid #EBCA4F; + padding:10px; + width:100px; + position:relative; + margin-top:115px; + margin-right:-100px; +} +.message-content-table { + background-color:white; + border:1px solid black; + position:absolute; + width:200px; + height:60px; + z-index:3; + visibility:hidden; + top:85px; + left:10px; + margin: 0px; + padding: 0px; +} + + +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +.message-top-title { + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; + margin:left:5px; +} +.message-bottom-title { + height:22px; + float:left; + margin-top:1px; + margin-bottom:1px; + background-color:#F2F2F2; + width:600px; + border-bottom:1px solid #CCCCCC; +} +.message-content-body-left { + float:left; + width:30%; +} +.message-content-body-right { + float:right; + text-align:left; + width:60%; +} +.message-body-title { + float:right; + margin-top:1px; + margin-bottom:5px; + border-bottom:1px solid #CCCCCC; + border-collapse:collapse; +} +.message-image-info { + float:left; + margin-top:10px; + margin-bottom:10px; + margin-left:10px; + text-align:left; + margin-right:20px; +} +.message-content-body-right dd { + color:#333399; + border-bottom:1px solid #CCCCCC; + height:20px; + text-decoration:none; + outline-style:none; + background:#ffffff; +} +.message-content-body-right:hover { +} + + +/*SOCIAL TOOL*/ + +.social-plugin-item { + float:left; + width:50%; + background-color:#ccc; + margin: 0px; +} +#social-plugins { + float:left; + background-color:#f00; + width:100%; + margin: 0px; + padding:2px; +} + + +div.image-social-content { + float:left; + border:1px dotted #ccc; + margin:2px; + padding: 8px 4px 4px 4px; + background: #ffffff; + height:105px; + width:82px; + z-index:5; + cursor:pointer; + position:relative; + overflow:hidden; +} +div.image-social-content span { + overflow:hidden; + display:block; + height:75px; +} +div.image-social-content img { + vertical-align:middle; +} +div.image-social-content center.friend { + overflow:hidden; + height:30px; +} +.image-social-content .image-delete { + position: absolute; + top: 1px; + right: 1px; + cursor: pointer; +} +.social-info { + background:#B8C8DC; + color:#4475B0; + font-size:12px; + font-weight:bold; +} +.social-display-image { + float:right; + margin-top:-130px; + margin-right:5px; +} +.social-search-image { + color:#000033; + margin-top:2px; + width:200px; +} +.social-subtitle-search { + background:#ffffff; + border-top:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-align-box { + text-align:left; + float:left; +} +.social-header { + margin-bottom:8px; +} +#social-content { + width:100%; + height:auto; + overflow:hidden; + margin-left:auto; + margin-right:auto; +} +#social-content-right { + height:auto; + overflow:hidden; +} + +.social-content-image { + margin-bottom:10px; + margin-top:2px; +} + +#social-content-left { + float:left; + height:auto; + margin-right:16px; + min-height:300px; + width:200px; + overflow:hidden; +} +.social-content-description { + background:#ECE9D8; +} +.social-content-body { + background:#ffffff; +} +.social-content-table { + border-top:1px #9DACBF solid; + border-left:1px #9DACBF solid; + border-right:1px #9DACBF solid; + border-bottom:1px #9DACBF solid; +} +.social-profile-info dt { + text-align:left; + clear:left; + float:left; + width:80px; +} +.social-profile-info dd { + padding:1px 0px 3px 0px; + float:left; + margin:0; + display : block; + padding-left:10px; + width:200px; +} + +/* general layout of the profile page */ + +#social-profile-wrapper { + width: 100%; + text-align:left; + margin:0 auto; + float: left; +} +#social-profile-container { + /* width: 705px; */ +} +#social-profile-left { + float:left; + width:22%; +} +#social-profile-content { + float:right; + width:47%; + margin-left: 4px; +} +#social-profile-right { + float:right; + width:30%; + margin-left: 4px; +} + +/* SOCIAL MENU VERTICAL */ +.social-menu { + width:180px; + height:auto; +} +.social-menu ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin:0; + padding:0px; +} +.social-menu li { + margin-bottom:4px; + padding-bottom:12px; + background-image:url(../../img/line-social.jpg); + background-position:bottom; + background-repeat:repeat-x; +} +.social-menu li img { + float:left; +} +.social-menu-sub-level a img { + float:left; +} +.social-menu ul li a { + padding:2px 0px; +} +.social-menu-sub-level { + margin-left:20px; +} +.social-menu-title{ + width:180px; + float:left; + height:auto; + background-color:#8E975B; + margin-bottom:10px; + padding-top:4px; + padding-bottom:4px; +} +.social-menu-text1 { + color:#fff; + font-size:12px; + font-weight:bold; +} +.social-menu-text2 { + color:#000; + font-weight:normal; + font-size:12px; +} +.social-menu-text3 { + color:#94cdf9; + font-weight:normal; + font-size:12px; + font-weight:bold; +} +.social-menu-text4 { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:normal; + font-size:13px; + vertical-align:bottom; +} +.social-menu-text-active { + font-family:Verdana, Geneva, sans-serif; + color:#000; + font-weight:bold; + font-size:12px; + vertical-align:bottom; +} +.social-menu-title-right { + width:84%; + float:right; + height:20px; + background-color:#32578b; + margin-bottom:10px; +} + +/* BOX SHARED PROFILE */ + +.social-friend-container { + width:100%; + overflow:hidden; +} + +.shared_profile_mygroups_grid_container { + width:100%; + overflow:hidden; +} +.shared_profile_mygroups_grid_item { + width:42%; + float:left; + height:140px; + margin:20px; +} + +.social-menu-group-member { + float:left; + height:120px; + margin:5px; + overflow:hidden; + padding:2px; + width:76px; +} + + +/* styles from the my.profile.php file */ +#social_widget { + /* border:1px dotted #ccc; */ + float:left; + padding:1px; + padding-bottom:10px; + margin-bottom:10px; + margin-left:0px; + margin-right:0px; + /* width:215px; */ +} + +#social_widget_image { + float:left; + /* width:190px; */ + margin-bottom:5px; + padding:2px; +} + +/* SOCIAL BOX */ + +.social-box-main1 { + width:100%; + height:auto; + overflow:hidden; +} +.social-box-left { + width:350px; + float:left; + height:auto; +} +.social-box-right { + width:350px; + float:left; + height:auto; + margin-left:50px; +} +.social-box-container1 { + width:350px; + height:auto; + margin-top:10px; +} +.social-box-content1 { + width:330px; + height:auto; + padding-left:15px; + padding-right:10px; + background-image:url(../../img/boxmygroupscontent.jpg); + background-repeat:repeat-y; + overflow:hidden; +} +.social-box-main2 { + height:auto; + overflow:hidden; + width:700px; +} +.social-box-container2 { + width:700px; + height:auto; + overflow:hidden; + margin-bottom:20px; +} +.social-box-content2 { + width:660px; + background-image:url(../../img/content-post-group2.jpg); + background-repeat:repeat-y; + padding-left:20px; + padding-right:20px; +} +.social-box-container3 { + width:110px; + margin-left:60px; +} +.social-box-content3 { + width:560px; + height:auto; + padding-left:20px; + padding-right:20px; + background-image:url(../../img/content-post-reply02.jpg); + background-repeat:repeat-y; +} + +.box_shared_profile_group_title { + border-bottom:1pt dotted #000; + padding:5px; + vertical-align:middle; + font-size:12pt; + font-weight:bold; + margin-bottom:5px +} +.box_shared_profile_group_description { + height:100px; + margin-left:65px; +} +.box_shared_profile_group_image { + height:80px; + width:60px; + float:left; +} +.box_shared_profile_group_actions { + text-align:right; +} + +.social-groups-text1 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#669; +} +.social-groups-text2 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#686868; + font-weight:bold; +} +.social-groups-text3 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#000; + font-weight:bold; + text-transform:capitalize; + margin-top:5px; +} +.social-groups-text4 { + font-family:Verdana, Geneva, sans-serif; + font-size:12px; + color:#666666; +} +.social-groups-image { + border: 2px solid #cac9c9; +} +.social-groups-home-title { + border-bottom:1pt dotted #000; + padding:2px; + margin-bottom:5px; + font-weight:bold; +} +.social-home-users-online { + border:3px solid #E6E6E6; +} + +#social-content-online { + background-color:#32578B; + margin-bottom:5px; + margin-top:2px; + padding:1px; +} + +#social-group-details { + margin-left:82px; +} +.social-group-details-info span { + color:#777; +} + +.social-group-details-info { + padding:2px 0px 2px 0px; +} + diff --git a/user_portal.php b/user_portal.php index 83c443be47..e2a0c827da 100644 --- a/user_portal.php +++ b/user_portal.php @@ -1223,7 +1223,7 @@ if ($show_menu) { $no_image =true; } $img_array = UserManager::get_picture_user(api_get_user_id(), $img_array['file'], 50, USER_IMAGE_SIZE_MEDIUM, ' width="90" height="90" '); - + echo '
'; echo '
'; echo '
'; @@ -1251,6 +1251,7 @@ if ($show_menu) { if ($number_of_new_messages > 0) $cant_msg = ' ('.$number_of_new_messages.')'; //

'.get_lang('Messages').'

+ echo '
'; echo '

'; $link = ''; @@ -1259,6 +1260,7 @@ if ($show_menu) { } echo ''.get_lang('Inbox').$cant_msg.'
'; echo ''.get_lang('Compose').'
'; + echo ''.get_lang('EditMyProfile').'
'; if ($total_invitations > 0) { echo ''.get_lang('PendingInvitations').' ('.$total_invitations.')
';