www.pudn.com > Proximity-sample.zip > Galleries.css, change:2012-06-01,size:8057b


/* *************************************************** 
Galleries.css   - Common Structure 
 
This is where we define common layout for structures that are truly close to common across the different 
Galleries sites.  To make sure this works we need to follow certain conventions. 
 
1. Define each logical structure in its own section with its own comment block that gives the section 
a Name, Description and defines the root element if one exists (i.e #someElement). Also, mark the closing block. 
 
2. Indent styles in a section to represent if it is a child of a previous element. 
i.e.      #someDiv{ 
            } 
                #someDiv ul { 
                } 
  
3. Do not include brand specific information here like colors and fonts unless they are *really* common. 
 
4. If there is an element that you know will be overridden in each brand stylesheet still include it here with an empty definition.  
This will aid in knowing what section to override and what selectors to use. 
 
i.e.    #someSction a { 
        } 
 
5.  When you add a new section also update the Table of Contents below so that we have a quick overview of the sections 
 
 *****************************************************/ 
  
/**************************************************** 
Table of Contents 
 
    Global - global classes 
 
    FileAttachmentDisplay - The list of attached files under the editor 
    Eyebrow - The breadcrumb control at the top of the master page 
    Pager - The common paging control, used for browsing pages of search results 
    Profile User Card - Elements in the profile usercard control 
    SideNav - The navigation side bar that contains the search filters 
 
 
*****************************************************/ 
 
/******************************** 
Name: Global 
Root: none 
Description: truly global classes 
********************************/ 
body { 
    text-align: left; 
    direction: ltr; 
} 
 
img.rss { 
    background: url(../../../GlobalResources/Images/Rss.png) no-repeat; 
    background-position: 0px 0px; 
    height: 17px; 
    width: 17px; 
} 
/* End Global Section */ 
 
/******************************** 
Name: FileAttachmentDisplay 
Root: #fileAttachmentDisplay 
Description: The list of attached files under the editor 
********************************/ 
#fileAttachmentDisplay { 
} 
    #fileAttachmentDisplay .attachment { 
        margin-right: 10px; 
        float: left; 
    } 
 
        #fileAttachmentDisplay .attachment .displayAttachment { 
            padding: 0px 0 13px 0; 
            float: left; 
        } 
 
        #fileAttachmentDisplay .attachment .removeAttachment { 
            background-image: url('/Content/Common/delete.png'); 
            display: block; 
            width: 16px; 
            height: 16px; 
            float: left; 
        } 
/* End FileAttachmentDisplay Section */ 
 
 
/******************************** 
Name: Eyebrow 
Root: .EyebrowContainer 
Description: The breadcrumb control at the top of the master page 
********************************/ 
.EyebrowContainer { 
} 
    .EyebrowContainer div.EyebrowElement{ 
        display:inline; 
    } 
 
    .EyebrowContainer .EyebrowElement{ 
        font-weight:normal 
    } 
    .EyebrowContainer .EyebrowLeafLink{ 
        color:#000; 
    } 
/* End Eyebrow Section */ 
 
/******************************** 
Name: Pager 
Root: #Pager 
Description: The common paging control, used for browsing pages of search results 
********************************/ 
#Pager { 
} 
    #Pager div{ 
        display:inline; 
    } 
/* End Pager Section */ 
 
/******************************** 
 
Name: Profile User Card 
Root: #dashboardPage #userCard 
Description: Elements in the profile usercard control 
 
********************************/ 
    #dashboardPage #userCard .profile-usercard-inline { 
        margin: 5px 0 10px 0; 
    } 
 
   /* #dashboardPage #userCard .profile-usercard { 
        width: 288px; 
    } 
/* End Profile User Card Section */ 
 
/******************************** 
 
Name: Discussion  
Root: #DiscussionsTabPane 
Description: Defines the layout of the dicussion  
 
 
********************************/ 
#DiscussionsTabPane { 
} 
 
    #DiscussionsTabPane .itemHidden 
    { 
        background: lightgrey; 
    } 
 
    #discussionListItem { 
    } 
 
        .discussion .postActions 
        { 
            float: right; 
        } 
 
        #discussionListItem .postItem 
        { 
            white-space: pre-wrap; 
            word-wrap: break-word; 
            font-size:1em; 
        } 
 
/* End Discussion Section */ 
 
 
/******************************** 
 
Name: SearchDefaultLocale 
Root: .searchDefaultLocale 
Description: Defines the layout of the include english result checkbox on the Browse Page 
 
 
********************************/ 
.searchDefaultLocale 
{ 
    float: right; 
    margin: 20px 0 0 5px; 
} 
    .searchDefaultLocale input 
    { 
        vertical-align:top; 
    } 
    .searchDefaultLocale span 
    { 
        margin-left: -3px; 
    } 
/*-------- End SearchDefaultLocale --------*/ 
 
 
/******************************** 
 
Name: SideNav 
Root: #sideNav 
Description: Defines the layout of the naviation elements on the side of the Browse Page 
             These represent the different filters like Code Language, Category and Tag 
 
 
********************************/ 
 
#sideNav { 
    width: 250px; 
    vertical-align:top; 
    background-color:#eee; 
} 
    #sideNav h3 { 
    } 
 
    #sideNav .section { 
        padding: 0 0 10px 0; 
        position: relative; 
    } 
 
        #sideNav .section a { 
        } 
 
        #sideNav .section a:hover { 
        } 
 
        #sideNav .section > div { 
            padding:5px 5px 5px 0; 
            line-height:150%; 
        } 
 
        #sideNav .section ul { 
            list-style-type:none; 
            padding:0px; 
            margin:0px; 
        } 
 
            #sideNav .section ul  li { 
                position: relative; 
                padding: 5px 5px 5px 0; 
            } 
     
                #sideNav .section ul li .selectedFilter { 
                    float: left; 
                    padding-right: 5px; 
                } 
 
        #sideNav .section div.itemCount { 
            float: right; 
        } 
 
        #sideNav .section form input[ type = "checkbox"] { 
            margin: 0px 4px 3px 0px; 
            vertical-align: middle;  
        } 
/* End SideNav Section */ 
 
/*----------- Contribution Logos *******/ 
.contributionLogo { 
    float: left; 
    position: relative; 
    margin-right: 6px; 
} 
 
.logo_visualstudio { 
    background: transparent url('../common/logos/visualstudio.png') no-repeat; 
    width: 23px; 
    height: 12px; 
    margin-top: 3px; 
} 
.logo_allinonecode { 
    background: transparent url('../common/logos/1code.png') no-repeat; 
    width: 14px; 
    height: 16px; 
} 
.logo_exchange { 
    background: transparent url('../common/logos/exchange.png') no-repeat; 
    width: 14px; 
    height: 16px; 
} 
.logo_ie { 
    background: transparent url('../common/logos/ie.png') no-repeat; 
    width: 16px; 
    height: 16px; 
} 
.logo_office { 
    background: transparent url('../common/logos/office.png') no-repeat; 
    width: 17px; 
    height: 16px; 
} 
.logo_windows { 
    background: transparent url('../common/logos/windows.png') no-repeat; 
    width: 17px; 
    height: 16px; 
    } 
.logo_azure { 
    background: transparent url('../common/logos/windowsazure.png') no-repeat; 
    width: 18px; 
    height: 16px; 
} 
 
    .contributionLogoTip { 
        position: absolute; 
        display: none; 
        border: solid 1px #CCC; 
        color: #333; 
        background-color: #F0F0F0; 
        font-size: 11px; 
        font-family: "Segoe UI",Sans-Serif; 
        box-shadow: 3px 3px 5px #888; 
        -moz-box-shadow: 3px 3px 5px #888; 
        z-index: 1003; 
        padding: 5px; 
        min-width: 250px; 
    } 
 
/*----------- End Contribution Logos *******/