Posts

Showing posts with the label CSS

Auto trim row as per width in HTML

Here is the CSS for the same : .trimLine {    white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-height:27px; padding:0px; margin:0px; }

Create Responsive Circle

About Let’s see how to create a responsive circle with use of DIV tag in HTML CSS First we need to write some css for the circle: .circle {             margin-left : auto ;             margin-right : auto ;             border-radius : 50% ;             width : 100% ;             position : relative ;             border : 3px solid #D21009 ;             background-color : #d9534f ;         }         .circle:before {             content : "" ;             display : block ;             padding-top : 100% ;         }         .circle-inner {             position : absolute ;             top : 0 ;             left : 0 ;             bottom : 0 ;             right : 0 ;             text-align : center ;         }         .circle-text {             margin : auto ;             position : absolute ;             top : 0 ;             left : 0 ;             bottom : 0 ;             right : 0 ;           

SharePoint 2010 CSS Reference Chart

SharePoint 2010 CSS Reference Chart: A Complete reference for SharePoint 2010 CSS. You must read it. http://sharepointexperience.com/csschart/csschart.html

SharePoint 2010 CSS Chart

Image
CSS Comments Screenshots body #s4-ribboncont{background-image:none;} /*Globally turning off bordersThis is needed to have any of the style below to take effect.   .ms-cui-groupSeparator {border-right:1px solid #E7E7E8 !important; } .ms-cui-topBar2{border-width:0px;}*/ /*Turn on separators in the Ribbon   .ms-cui-ribbonTopBars{ background: red url() repeat-x !important; padding-top:0px; } /* Set the background for the tabs at the top (Browse / Page) */ .ms-cui-cg-i{ background-image:url() !important; background-position:bottom left; background-repeat:no-repeat !important; height:15px; margin-bottom:2px; } .ms-cui-cg-db .ms-cui-cg-t{height:17px; background-image:url(‘http://integration.echn.ca/Media/SiteImages/bgBackground.gif’) !important; background-position:bottom right !important; background-repeat:no-repeat !important; margin-left:4px;} .ms-cui-cg-t-i{ color:white; font-weight:bold; } .ribbon-wrapper{position:relative;} /* Set the background for the addi