|
@@ -1463,147 +1463,6 @@ span.radio {
|
|
|
border: 1px solid rgb(153, 153, 153);
|
|
|
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
|
|
|
}
|
|
|
-/**********************************************
|
|
|
- * MESSAGE TOOL *
|
|
|
- **********************************************/
|
|
|
-
|
|
|
-/* styles from the new_message.php file */
|
|
|
-
|
|
|
-.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;
|
|
|
-}
|
|
|
-.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:55%;
|
|
|
-}
|
|
|
-.message-content-body-right {
|
|
|
- float:right;
|
|
|
- text-align:left;
|
|
|
- width:45%;
|
|
|
-}
|
|
|
-.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 {
|
|
|
-}
|
|
|
/**********************************************
|
|
|
* EXERCISE TOOL *
|
|
|
**********************************************/
|
|
@@ -1718,304 +1577,81 @@ span.radio {
|
|
|
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 {
|
|
|
+/*****************************************************
|
|
|
+ * BUTTONS *
|
|
|
+ *****************************************************/
|
|
|
+/* BUTTONS */
|
|
|
+button,input[type="submit"] {
|
|
|
+ margin:5px 5px 3px 0px !important;
|
|
|
+ background-color: #DFDFDF;
|
|
|
+ border-width: 1px;
|
|
|
+ /* -moz-border-radius-topright : 5px;
|
|
|
+ -moz-border-radius-topleft : 5px;
|
|
|
+ -moz-border-radius-bottomright : 5px;
|
|
|
+ -moz-border-radius-bottomleft : 5px;
|
|
|
+*/
|
|
|
+ font-family: bold arial, verdana, helvetica, sans-serif;
|
|
|
+ font-size: 100%;
|
|
|
+ line-height :130%;
|
|
|
+ text-decoration: none;
|
|
|
+ color: black;
|
|
|
+ cursor: pointer;
|
|
|
+ padding:5px 15px 5px 15px;
|
|
|
vertical-align:middle;
|
|
|
}
|
|
|
-div.image-social-content center.friend {
|
|
|
- overflow:hidden;
|
|
|
- height:30px;
|
|
|
+button:hover input[type="submit"]:hover{
|
|
|
+ background-color:#cbcbcb;
|
|
|
+ color:#545454;
|
|
|
+ border-style: inset;
|
|
|
}
|
|
|
-.image-social-content .image-delete {
|
|
|
- position: absolute;
|
|
|
- top: 1px;
|
|
|
- right: 1px;
|
|
|
- cursor: pointer;
|
|
|
+/* button with image */
|
|
|
+button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
|
|
|
+ padding-left:30px;
|
|
|
+ background-position:10px;
|
|
|
+ background-repeat:no-repeat;
|
|
|
}
|
|
|
-.social-title {
|
|
|
- color:#ffffff;
|
|
|
- background:#4475B0;
|
|
|
- border-bottom:1px dotted #4475B0;
|
|
|
- border-top:1px dotted #4475B0;
|
|
|
- padding:0px;
|
|
|
- margin-bottom: 0px;
|
|
|
- vertical-align:middle;
|
|
|
- font-weight:bolder;
|
|
|
+/* POSITIVE */
|
|
|
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
|
|
|
+ background-color:#E5EDF9;
|
|
|
+ border-color: #D4E2F6;
|
|
|
}
|
|
|
-.social-subtitle {
|
|
|
- background:#FFFFFF;
|
|
|
- border-bottom:1px dotted #999999;
|
|
|
- border-top:1px dotted #999999;
|
|
|
- padding:0px;
|
|
|
- margin-bottom: 0px;
|
|
|
- vertical-align:middle;
|
|
|
+button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover, input[type="submit"].submit_next:hover {
|
|
|
+ border-color: #D4E2F6;
|
|
|
+ background-color:#D4E2F6;
|
|
|
}
|
|
|
-.social-qualify {
|
|
|
- border-bottom:1px solid #ece9d8;
|
|
|
- border-left:1px solid #ece9d8;
|
|
|
- background:#FFFFFF;
|
|
|
+/* NEGATIVE */
|
|
|
+button.cancel {
|
|
|
+ background-color:#F8E8E6;
|
|
|
+ border-color: #FFE3DE;
|
|
|
}
|
|
|
-.social-qualify-display {
|
|
|
- border-bottom:1px solid #ece9d8;
|
|
|
- border-left:1px solid #ece9d8;
|
|
|
- background:#FFFF66;
|
|
|
- color:#000033;
|
|
|
- font-weight:bold;
|
|
|
+button.cancel:hover {
|
|
|
+ border-color: #F4E1D0;
|
|
|
+ background-color: #FFE3DE;
|
|
|
}
|
|
|
-.social-info {
|
|
|
- background:#B8C8DC;
|
|
|
- color:#4475B0;
|
|
|
- font-size:12px;
|
|
|
- font-weight:bold;
|
|
|
+/*including "save" image*/
|
|
|
+button.save {
|
|
|
+ background-image:url(images/button_accept.gif);
|
|
|
}
|
|
|
-.social-display-image {
|
|
|
- float:right;
|
|
|
- margin-top:-130px;
|
|
|
- margin-right:5px;
|
|
|
+/*including "add" image*/
|
|
|
+button.add {
|
|
|
+ background-image:url(images/button_add.gif);
|
|
|
}
|
|
|
-.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;
|
|
|
+/*including "cancel" image*/
|
|
|
+button.cancel {
|
|
|
+ background-image:url(images/button_delete.gif);
|
|
|
}
|
|
|
-.social-subtitle-search {
|
|
|
- background:#ffffff;
|
|
|
- border-top:1px #9DACBF solid;
|
|
|
- border-bottom:1px #9DACBF solid;
|
|
|
+/*including "search" image*/
|
|
|
+button.search {
|
|
|
+ background-image:url(images/button_search.gif);
|
|
|
}
|
|
|
-.social-align-box {
|
|
|
- text-align:left;
|
|
|
- float:left;
|
|
|
+/*including "login" image*/
|
|
|
+button.login {
|
|
|
+ background-image:url(images/button_login.gif);
|
|
|
+ margin:2px 5px 3px 5px !important;
|
|
|
}
|
|
|
-.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 {
|
|
|
- width:350px;
|
|
|
-}
|
|
|
-.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:21%;
|
|
|
-}
|
|
|
-#social-profile-content {
|
|
|
- float:right;
|
|
|
- width:46%;
|
|
|
- margin-left: 2px;
|
|
|
-}
|
|
|
-#social-profile-right {
|
|
|
- float:right;
|
|
|
- width:32%;
|
|
|
- margin-left: 2px;
|
|
|
-}
|
|
|
-.left-side {
|
|
|
- min-width: 198px;
|
|
|
- margin: 0px;
|
|
|
-}
|
|
|
-.social-profile-post {
|
|
|
- width: 450px;
|
|
|
- background : #EFEFEF;
|
|
|
-}
|
|
|
-.maincourse {
|
|
|
- width: 100%;
|
|
|
- margin-left:0px;
|
|
|
-}
|
|
|
-.social-profile-rounded {
|
|
|
- background : #eee;
|
|
|
-}
|
|
|
-#social-profile-forum {
|
|
|
- padding-left:0px;
|
|
|
-}
|
|
|
-#social-profile-thread {
|
|
|
- padding-left:20px;
|
|
|
-}
|
|
|
-#social-post {
|
|
|
- padding-left:30px;
|
|
|
-}
|
|
|
-.actions-profile {
|
|
|
- font-size:14px;
|
|
|
- background:#efefef;
|
|
|
- border-bottom:1px dotted #999999;
|
|
|
- border-top:1px dotted #999999;
|
|
|
- /*height:35px;*/
|
|
|
- padding:2px;
|
|
|
- margin-bottom: 2px;
|
|
|
- /*background:url(images/actions.jpg) repeat-x;*/
|
|
|
- vertical-align:middle;
|
|
|
- font-weight:700;
|
|
|
- margin-right:2px;
|
|
|
-}
|
|
|
-.social-content-image {
|
|
|
- margin-top:4px;
|
|
|
- margin-right:5px;
|
|
|
- background:#EFEFEF;
|
|
|
- border-left:1px #999999 dotted;
|
|
|
- border-top:1px #999999 dotted;
|
|
|
- border-right:1px #999999 dotted;
|
|
|
- border-bottom:1px #999999 dotted;
|
|
|
-}
|
|
|
-.social-background-content {
|
|
|
- background:#EFEFEF;
|
|
|
-}
|
|
|
-.social-content-information {
|
|
|
- margin-left:10px;
|
|
|
- margin-right:10px;
|
|
|
-}
|
|
|
-.social-content-training {
|
|
|
- margin-left:10px;
|
|
|
- margin-right:10px;
|
|
|
-}
|
|
|
-.social-friend-container {
|
|
|
- margin-left:4px;
|
|
|
- margin-right:0px;
|
|
|
-}
|
|
|
-.social-content-competences {
|
|
|
- margin-left:5px;
|
|
|
- margin-right:5px;
|
|
|
-}
|
|
|
-.social-content-announcements {
|
|
|
- margin-left:10px;
|
|
|
- margin-right:10px;
|
|
|
-}
|
|
|
-.social-content-agenda {
|
|
|
- margin-left:10px;
|
|
|
- margin-right:10px;
|
|
|
-}
|
|
|
-.social-actions-message {
|
|
|
- white-space: nowrap;
|
|
|
- padding: 2px;
|
|
|
- background-color: #ffffff;
|
|
|
- border: 1px solid #bbb;
|
|
|
-}
|
|
|
-/*****************************************************
|
|
|
- * BUTTONS *
|
|
|
- *****************************************************/
|
|
|
-/* BUTTONS */
|
|
|
-button,input[type="submit"] {
|
|
|
- margin:5px 5px 3px 0px !important;
|
|
|
- background-color: #DFDFDF;
|
|
|
- border-width: 1px;
|
|
|
- /* -moz-border-radius-topright : 5px;
|
|
|
- -moz-border-radius-topleft : 5px;
|
|
|
- -moz-border-radius-bottomright : 5px;
|
|
|
- -moz-border-radius-bottomleft : 5px;
|
|
|
-*/
|
|
|
- font-family: bold arial, verdana, helvetica, sans-serif;
|
|
|
- font-size: 100%;
|
|
|
- line-height :130%;
|
|
|
- text-decoration: none;
|
|
|
- color: black;
|
|
|
- cursor: pointer;
|
|
|
- padding:5px 15px 5px 15px;
|
|
|
- vertical-align:middle;
|
|
|
-}
|
|
|
-button:hover input[type="submit"]:hover{
|
|
|
- background-color:#cbcbcb;
|
|
|
- color:#545454;
|
|
|
- border-style: inset;
|
|
|
-}
|
|
|
-/* button with image */
|
|
|
-button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
|
|
|
- padding-left:30px;
|
|
|
- background-position:10px;
|
|
|
- background-repeat:no-repeat;
|
|
|
-}
|
|
|
-/* POSITIVE */
|
|
|
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
|
|
|
- background-color:#E5EDF9;
|
|
|
- border-color: #D4E2F6;
|
|
|
-}
|
|
|
-button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover, input[type="submit"].submit_next:hover {
|
|
|
- border-color: #D4E2F6;
|
|
|
- background-color:#D4E2F6;
|
|
|
-}
|
|
|
-/* NEGATIVE */
|
|
|
-button.cancel {
|
|
|
- background-color:#F8E8E6;
|
|
|
- border-color: #FFE3DE;
|
|
|
-}
|
|
|
-button.cancel:hover {
|
|
|
- border-color: #F4E1D0;
|
|
|
- background-color: #FFE3DE;
|
|
|
-}
|
|
|
-/*including "save" image*/
|
|
|
-button.save {
|
|
|
- background-image:url(images/button_accept.gif);
|
|
|
-}
|
|
|
-/*including "add" image*/
|
|
|
-button.add {
|
|
|
- background-image:url(images/button_add.gif);
|
|
|
-}
|
|
|
-/*including "cancel" image*/
|
|
|
-button.cancel {
|
|
|
- background-image:url(images/button_delete.gif);
|
|
|
-}
|
|
|
-/*including "search" image*/
|
|
|
-button.search {
|
|
|
- background-image:url(images/button_search.gif);
|
|
|
-}
|
|
|
-/*including "login" image*/
|
|
|
-button.login {
|
|
|
- background-image:url(images/button_login.gif);
|
|
|
- margin:2px 5px 3px 5px !important;
|
|
|
-}
|
|
|
-/*including "plus" image*/
|
|
|
-button.plus {
|
|
|
- background-image:url(images/button_plus.gif);
|
|
|
+/*including "plus" image*/
|
|
|
+button.plus {
|
|
|
+ background-image:url(images/button_plus.gif);
|
|
|
}
|
|
|
/*including "minus" image*/
|
|
|
button.minus {
|
|
@@ -2212,3 +1848,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:#434343;
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+
|