roblonium-web/CSS/Pages/Groups/Groups.css

911 lines
15 KiB
CSS

.SkinnyRightArrow {
cursor:pointer;
background:url(/images/arrow_skinny55h_right.png) no-repeat;
width:12px;
height:55px;
display:inline-block;
*display:inline;
*zoom:1;
}
.SkinnyRightArrow:hover {
background-position:0 -55px;
}
.SkinnyLeftArrow {
cursor:pointer;
background:url(/images/arrow_skinny55h_left.png) no-repeat;
width:12px;
height:55px;
display:inline-block;
*display:inline;
*zoom:1;
}
.SkinnyLeftArrow:hover {
background-position:0 -55px;
}
.groupEmblemThumbnail
{
position:relative;
top:-4px;
cursor:pointer;
}
.groupEmblemThumbnail
{
margin:10px 8px;
text-align: center;
width: 105px;
overflow: hidden;
}
#GroupThumbnails
{
text-align:center;
margin-bottom: 10px;
}
#GroupTitle {
float: left;
margin-bottom:10px;
}
#GroupTitle div {
color:darkgray;
}
.back-to-groups {
margin: 15px auto;
padding-left:6px
}
/* Members */
.Members_DropDown
{
text-align: right;
margin-bottom: 5px;
}
.Members_DropDown .ReportAbuse
{
margin-right: 6px;
}
.Members_DropDown select
{
margin-right:5px;
}
.GroupMember
{
float:left;
display:block;
margin: 12px 11px;
}
.GroupAdmin .GroupMember {
float: left;
text-align: center;
max-width: 100px;
overflow: visible;
margin:15px 5px;
}
.GroupAdmin .GroupMember .RepeaterText {
width:100%;
}
.GroupAdmin .GroupMember .member-name-container
{
overflow: hidden;
text-align:left;
}
.GroupAdmin .item-separator {
width: 20px;float: left;
}
.GroupAdmin .exile-user {
line-height: 26px;
}
.GroupsPage .GroupMember { /* where do we use this?? */
margin:12px 14px;
}
.GroupMember .OnlineStatus
{
position: absolute;
padding: 2px;
}
.GroupMembers
{
width: 100%;
}
.GroupMembers tr
{
padding-bottom: 10px;
}
.GroupMembers td
{
padding: 0px 5px 10px 5px;
text-align: center;
}
.GroupWallPostText
{
width: 375px;
height: 53px;
float: left;
}
.GroupDescriptionEdit
{
overflow: auto;
padding: 0;
margin: 0;
margin-left:10px;
width: 500px;
height:250px;
float:right;
border: 1px solid #ccc;
}
.RolesAllPermissions
{
min-width:118px;
}
.CreateNewGroup
{
padding-bottom:10px;
margin-bottom:10px;
display:block;
text-align: center;
cursor: pointer;
}
.CreateNewGroupError
{
color: Red;
}
.GroupAdminMenu
{
width: 150px;
display: inline-block;
vertical-align:top;
height:500px;
}
#content {
margin-left: 25px;
display: inline-block;
}
.GroupAdminContent
{
float: left;
width: 100%;
display:none;
}
.GroupAdminSubsection {
margin: 20px 0px;
}
.GroupAdminSubsection h2 {
margin-bottom:15px;
}
/* Column Layouts */
#left-column, #mid-column, #right-column
{
float:left;
position:relative;
min-height: 650px;;
}
#left-column .StandardBox, #mid-column .StandardBox, #right-column .StandardBox
{
background: url(/images/cssspecific/rbx2/standardBox_01_bkg.png) top repeat-x white;
}
#left-column .StandardBox a, #mid-column .StandardBox a, #right-column .StandardBox a
{
color: #095fb5;
}
#left-column .StandardBox .ReportAbuse .AbuseButton a, #mid-column .StandardBox .ReportAbuse .AbuseButton a, #right-column .StandardBox .ReportAbuse .AbuseButton a
{
color:Red;
}
#left-column
{
width: 160px;
margin: 0;
}
#right-column
{
width: 160px;
}
#mid-column
{
width: 630px;
margin: 0 10px;
}
#mid-column .FooterPager
{
clear:both;
text-align:center;
margin: 0;
padding-top:10px;
*padding:0px;
}
#mid-column .FooterPager input
{
width:30px;
}
#mid-column .FooterPager span
{
display:inline-block;
}
#mid-column .FooterPager span span, #mid-column .FooterPager span a
{
display: inline-block;
width: 12px;
height: 12px;
}
#mid-column .FooterPager span span, #mid-column .FooterPager span a, #mid-column .FooterPager span div
{
float:left;
}
#mid-column .FooterPager span a:hover
{
background-color:#fff;
text-decoration:none;
}
#mid-column .FooterPager input
{
text-align:center;
}
#mid-column .FooterPager div.paging_pagenums_container
{
display:inline;
float:none;
}
#mid-column .FooterPager .paging_wrapper
{
margin:0 5px;
position: relative;
top: 2px;
*top:0px;
*margin-left: 17px;
}
#mid-column .FooterPager .paging_wrapper input, #mid-column .FooterPager .paging_wrapper span, #mid-column .FooterPager .paging_wrapper div, #mid-column .FooterPager .paging_wrapper
{
height:11px;
line-height:1em;
}
#mid-column.GroupsPage
{
width: 800px;
margin: 0 10px 0 0;
}
#mid-column .ReportAbuse
{
text-align: right;
}
#left-column .StandardBox
{
overflow:hidden;
float: left;
text-align:center;
width:100%;
background: #E8E8E8;
}
#GroupThumbnails
{
overflow:hidden;
margin:0;
width:100%;
position:relative;
}
.GroupListItemContainer
{
clear:left;
padding: 5px 0px 5px 14px;
}
.GroupListItemContainer a
{
display:block;
}
.GroupListItemContainer:hover, .GroupListItemContainer.selected:hover
{
background-color: #fff;
cursor:pointer;
}
.GroupListItemContainer.selected
{
background: url('/images/gamesPage_filterArrow.png') 4px center no-repeat;
}
.selected .GroupListName
{
font-weight:bold;
}
.GroupListImageContainer, .GroupListName
{
float:left;
font-size:11px;
}
.GroupListName a, .GroupListName a:hover, .GroupListName a:visited
{
color:#000;
text-decoration:none;
}
.GroupListImageContainer img
{
background-color: #fff;
border: 1px solid #fff;
}
.GroupListName
{
overflow:hidden;
width:90px;
height: 32px;
text-align: left;
position:relative;
padding: 0 7px;
padding-top:12px;
}
/* CSSCleanup - delete candidate */
#CreateGroupBtn
{
width: 120px;
position:relative;
*left:0px;
margin: 5px 0 10px 0;
}
/* END CSSCleanup - delete candidate */
.GroupPanelContainer
{
overflow:hidden;
padding:10px;
margin-bottom: 15px;
}
.GroupPanelContainer .left-col
{
width:150px;
float:left;
margin-right: 5px;
overflow:hidden;
}
.GroupPanelContainer .left-col div
{
text-align:left;
}
.GroupPanelContainer .right-col
{
float:left;
width:450px;
}
.GroupPanelContainer .right-col p
{
overflow:hidden;
}
.GroupsPage .GroupPanelContainer .right-col
{
margin-left: 35px;
width: 575px;
}
.GroupOwner
{
color:gray;
width: 100%;
text-align: center;
margin-top: 10px;
}
.MyRank
{
width: 100%;
font-size: 14px;
color:Gray;
margin-top: 10px;
}
.MyRank span
{
color:#000;
}
.AdvertiseGroup
{
margin-top:10px;
}
#GroupRoleSetsMembersPane .loading
{
display:none;
height:69px;
width:100%;
background: url('/images/spinners/spinner16x16.gif') no-repeat center;
*float:left;
}
#GroupsPeopleContainer {
margin-bottom: 20px;
}
/* CSSCleanup - delete candidate */
.GroupWallPostBtn
{
padding: 3px 6px;
position: relative;
top: 32px;
left: 5px;
}
/* END CSSCleanup - delete candidate */
.GroupControlsBox
{
border: 1px solid #ccc;
background-color: #efefef;
margin-bottom: 10px;
}
.GroupControlsBox div
{
margin: 6px 0;
text-align: center;
}
#SearchControls
{
height: 28px;
clear: both;
display: block;
background: #efefef;
border: 1px solid #ccc;
margin: 0 0 15px 0;
position: relative;
padding: 2px 0;
}
#SearchControls .content
{
text-align:center;
}
.content .SearchKeyword
{
width:350px;
}
#SearchControls .label
{
font-weight: bold;
width: 200px;
font-size: 16px;
position: relative;
top: 1px;
margin-right: 7px;
}
.ClaimOwnershipPanel
{
border: 2px solid black;
padding: 2px;
margin-bottom: 10px;
}
.GroupListContainer
{
padding:0;
}
.JoinGroupDiv
{
margin-top:10px;
}
.AlreadyRequestedInvite
{
margin-top: 10px;
}
.RepeaterImage
{
width: 120px;
overflow:hidden;
float: left;
vertical-align: top;
margin: 5px;
}
.RepeaterImage img
{
clear:both;
}
.RepeaterText
{
width: 450px;
float: left;
vertical-align: top;
margin: 5px;
}
.GroupsPage .RepeaterText
{
width: 610px;
}
.GroupWall_PostContainer
{
overflow:hidden;
width:100%;
margin-bottom: 5px;
min-height: 78px;
}
.GroupWallPane
{
padding-bottom:10px;
position:relative;
overflow:hidden;
}
.GroupWallPane .AlternatingItemTemplateEven
{
background-color:#fff;
clear:both;
padding:10px;
}
.GroupWallPane .AlternatingItemTemplateOdd
{
background-color:#F2F2F2;
clear:both;
padding:10px;
}
.GroupWallPane .loading
{
display:none;
position:absolute;
top:0;
height:100%;
width:100%;
}
.GroupWallPane .loading .content
{
position:absolute;
top:0;
height:100%;
width:100%;
background: url('/images/ProgressIndicator4.gif') no-repeat center;
z-index:1;
}
.GroupWallPane .loading .background
{
position:absolute;
top:0;
height:100%;
width:100%;
background: #fff;
}
.GroupControlsBox input, .GroupControlsBox button
{
width:125px;
}
.InsideBoxHeader
{
margin-left: 14px;
font-size:18px;
font-weight:bold;
display:block;
clear:both;
padding: 3px;
margin-bottom:5px;
}
.StatusView .top
{
background: url('/images/Groups/bg-speech_top.png') no-repeat;
padding:5px;
width:317px;
}
.StatusView .bottom
{
background: url('/images/Groups/bg-speech_bottom.png') no-repeat;
padding:5px;
padding-right: 0;
}
.StatusView .bottom .content
{
float: left;
position: relative;
left: 28px;
}
.StatusView .ReportAbuse
{
display: inline-block;
float: right;
}
#GroupDescP
{
word-wrap:break-word;
min-height: 103px;
}
#GroupDescP a:hover
{
cursor:pointer;
}
.GroupsPeopleTabs_Container
{
display:block;
height:30px;
}
.GroupsPeopleTabs_Container div
{
float:left;
margin:0;
}
.AuditLog
{
width: 100%;
font-size: 14px;
}
.AuditLogContainer
{
clear:both;
border-top:1px solid #afafaf;
}
.AuditLogContainer td
{
margin:0;
}
.AuditLogContainer .header td
{
border-right: 1px solid #CCC;
border-bottom: 1px solid #ccc;
border-top:none;
padding:4px;
}
.AuditLogContainer .header td.Description
{
border-right: 1px solid #F1F1F1;
}
.AuditLogContainer tr.header td
{
font-weight:bold;
background-color:#f1f1f1;
}
.AuditLogContainer td.User
{
width:126px;
}
.AuditLogContainer td.Rank
{
width:80px;
}
.AuditLogContainer td.Rank span
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 80px;
}
.AuditLogContainer td.Description
{
width:500px;
}
.AuditLogContainer td.Date
{
width:85px;
}
.AuditLogContainer .datarow
{
padding-top: 10px;
height: 34px;
}
.AuditLogContainer .datarow td
{
padding: 4px;
border-bottom:1px solid #ccc;
}
#AuditPage
{
padding-top: 20px;
}
#AuditPage div.SortsAndFilters {
margin: 5px 0 7px 5px;
float: right;
}
#AuditPage .SortsAndFilters select {
font-size: 11px;
}
#AuditPage .roblox-avatar-image img {
width: 13px;
height: 7px;
}
#AuditPage .roblox-avatar-image img:first-child {
width: 24px;
height: 24px;
}
#AuditPage .roblox-avatar-image
{
float:left;
}
#AuditPage td.User span.username {
padding-left: 3px;
top: 4px;
position: relative;
}
#AuditPage #PagingContainerDivBottom {
margin-top: 30px;
}
#AuditPage h1 a, #AuditPage h1 a:hover {
color: #363636;
text-decoration: none;
}
#AuditPage h1 a:hover {
cursor: pointer;
}
#AuditPage #usernameTextbox {
margin: 0;
padding: 0;
font-size:11px;
}
#AuditPage #userHidden {
padding-top: 2px;
float: left;
display: none;
padding-left: 5px;
}
#AuditPage div.ErrorMessage {
background-color: #FAE4EB;
border: 1px solid #CC0005;
margin-top: 10px;
margin-bottom: 5px;
padding: 3px;
height: 15px;
width: 330px;
}
.settings-subsection {
margin-bottom:5px;
display:block;
}
.AdminFooterPager {
clear: both;
text-align: center;
}
.form-label .inline {
display:inline
}
.AlliesAndEnemiesUpdatePanel {
min-width: 500px
}
.right-text-box {
text-align:left;
padding-left:10px
}
.deleteRoleSetButton {
background: url('/images/Groups/x_icon_red.png') 0 -15px no-repeat;
height: 15px;
width: 15px;
cursor: pointer;
}
.deleteRoleSetButtonDisabled {
background: url('/images/Groups/x_icon_red.png')no-repeat;
height: 14px;
width: 15px;
cursor: pointer;
}
.pagerbtns
{
background: url('/images/Groups/blue_arrow_btns_12x12_sprite.png') no-repeat;
position: relative;
top: 4px;
}
.pagerbtns.previous
{
background-position:0px -24px;
}
a.pagerbtns.previous:hover
{
background-position:0px -36px;
}
span.pagerbtns.previous,
a.pagerbtns.previous[disabled]
{
background-position:0px -60px;
}
.pagerbtns.next
{
background-position:0 0;
}
a.pagerbtns.next:hover
{
background-position:0 -12px;
}
span.pagerbtns.next,
a.pagerbtns.next[disabled]
{
background-position:0 -48px;
}
#left-column .StandardBox {
background: #efefef;
border: 1px solid #ccc;
}
.GroupPanelContainer .left-col {
margin-right: 10px;
}
#mid-column .StandardBox {
border: 1px solid #ccc;
background: #efefef;
}
.GroupWallPostText {
border: 1px solid #A7A7A7;
}
.GroupWallPostBtn {
top: 34px;
}
.SearchBox input,
.content .SearchKeyword {
padding: 2px;
padding-left: 10px;
border: 1px solid #A7A7A7;
}
#GroupItemContent .CatalogItemOuter {
padding: 4px 11px 32px 11px;
}
#WallPostBox {
margin-left: 14px;
}
#GroupItemPaneContent .SmallCatalogItemView {
height: 150px;
}
/* Carousel Pager */
.CarouselPager
{
text-align:center;
}
.CarouselPager .arrow-prev, .CarouselPager .arrow-next
{
height: 13px;
width: 36px;
background:url('/images/Groups/btn-arrowsprite-up_down.png');
margin: 5px 0;
display:inline-block;
}
.CarouselPager .arrow-prev
{
background-position:left top;
}
.CarouselPager .arrow-next
{
background-position:right top;
}
.CarouselPager .arrow-prev:hover
{
background-position:left -13px;
}
.CarouselPager .arrow-next:hover
{
background-position:right -13px;
}
.CarouselPager .arrow-prev.disabled
{
background-position:left bottom;
}
.CarouselPager .arrow-next.disabled
{
background-position:right bottom;
}
#GroupsPeoplePane_Clan .OnlineStatus.online, #GroupsPeoplePane_Clan .OnlineStatus.offline {
background: url('/images/online.png');
height: 5px;
width: 5px;
}
#GroupsPeoplePane_Clan .OnlineStatus.offline {
background: url('/images/offline.png');
}
#GroupsPeoplePane_Clan .FooterPager {
height: 20px;
}
#GroupsPeoplePane_Clan .empty {
height: 113px;
line-height: 113px;
text-align: center;
}
#GroupsPeoplePane_Clan .roblox-avatar-image {
height: 100px;
width: 100px;
display: block;
}
.ConfirmationModal .Message,
.GenericModal .Message {
padding: 15px 0;
margin: 0;
}
#GroupPlaceAdminBox {
width:700px
}
.GroupPlace {
display: inline-block;
margin: 5px;
vertical-align:top;
max-width:100px;
}
.GroupPlace .PlaceName {
overflow:hidden;
}
.dropdown-list {
display: none;
min-width: 40px;
}
.info {
font-style: italic;
margin: 10px 0px;
text-align:left;
}
.error {
color:red;
}
.success {
color:green;
}