Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010
-
Upload
endusersharepoint -
Category
Technology
-
view
2.562 -
download
0
description
Transcript of Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010
![Page 1: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/1.jpg)
Re-Experience SharePoint
Re-Experience SharePoint
Interface Enhancements in
SharePoint 2010
![Page 2: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/2.jpg)
Re-Experience SharePoint
Mark Miller, @eusp
Founder and Editor, EndUserSharePointCo-Founder, NothingButSharePoint
![Page 5: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/5.jpg)
Re-Experience SharePoint
My SharePoint Destinations
International
Montreal
Ottawa
Toronto
Birmingham, UK
London
Nottingham, UK
Dubai
Sydney
Canberra, AU
Wellington, NZ
Philippines
Beijing
Shanghai
Switzerland
France
Uruguay
Argentian
Chile
Antarctica
United States
Virginia
Michigan
Florida
Denver
New York City
San Francisco
Los Angeles
Washington DC
Baltimore
Philidelphia
Boston
![Page 14: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/14.jpg)
Re-Experience SharePoint
SharePoint 2010 Interface Overview
Default Interface, CSS Refresher
![Page 28: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/28.jpg)
Re-Experience SharePoint
Font: Default Interface
body {
font-family: Verdana,Arial,sans-serif;
font-size: 8pt;
color: #676767;
background-color: white;
margin: 0px;
padding: 0px;
}
![Page 29: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/29.jpg)
Re-Experience SharePoint
Borders: Default Interface
body #s4-leftpanel-content {
padding: 0px 0px 5px;
background-color: #FCFCFC;
border: 1px solid #DBDDDE;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
}
![Page 30: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/30.jpg)
Re-Experience SharePoint
Fill: Default Interface
body #s4-leftpanel-content {
padding: 0px 0px 5px;
background-color: #FCFCFC;
border: 1px solid #DBDDDE;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
}
![Page 33: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/33.jpg)
Re-Experience SharePoint
Header Overview
Site Actions, Site Title, Global Nav
![Page 38: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/38.jpg)
Re-Experience SharePoint
Site Actions Font: Default
/* Entire page font inherited from body
font-family: Verdana,Arial,sans-serif;
font-size: 8pt;
color: #676767;
background-color: white;
margin: 0px;
padding: 0px;
![Page 39: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/39.jpg)
Re-Experience SharePoint
Site Actions Border: Default
body #s4-ribbonrow{
min-height:43px; /*
[ReplaceColor(themeColor:"Dark2",themeShad
e:"0.9")] */ background-color:#21374c; overflow-
y:hidden;
/* border: 1px solid red;
}
![Page 40: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/40.jpg)
Re-Experience SharePoint
Site Actions Fill: Default
body #s4-ribbonrow{
min-height:43px;
/* [ReplaceColor(themeColor:"Dark2",
themeShade:"0.9")]
*/ background-color:#21374c; overflow-
y:hidden;
}
![Page 42: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/42.jpg)
Re-Experience SharePoint
Site Actions Font: Enhanced
/* Site action button */
.ms-siteactionsmenuhover {
border-color:#FFFFFF;
background:none;
background-color:transparent;
font-size: 25px !important;
}
![Page 43: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/43.jpg)
Re-Experience SharePoint
Site Actions Borders: Enhanced
/* Site action button */
.ms-siteactionsmenuhover {
border-color:#FFFFFF;
background:none;
background-color:transparent;
font-size: 25px !important;
}
![Page 44: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/44.jpg)
Re-Experience SharePoint
Site Actions Fill: Enhanced
/* Site action button */
.ms-siteactionsmenuhover {
border-color:#FFFFFF;
background:none;
background-color:transparent;
font-size: 25px !important;
}
![Page 46: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/46.jpg)
Re-Experience SharePoint
Title Area Font: Default
body #s4-topheader2{
background:url("/_layouts/images/selbg.png") repeat-x
left top;
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #b8babd;
}
![Page 47: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/47.jpg)
Re-Experience SharePoint
Title Area Borders: Default
body #s4-topheader2{
background:url("/_layouts/images/selbg.png") repeat-x
left top;
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #b8babd;
}
![Page 48: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/48.jpg)
Re-Experience SharePoint
Title Area Fill: Default
body #s4-topheader2{
background:url("/_layouts/images/selbg.png") repeat-x
left top;
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #b8babd;
}
![Page 50: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/50.jpg)
Re-Experience SharePoint
Title Area Font: Enhanced
.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-
open, .ms-qatbutton:hover {
border-color:#FFFFFF;
background:none;
background-color:transparent;
font-size: 25px;
}
![Page 51: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/51.jpg)
Re-Experience SharePoint
Title Area Borders: Enhanced
background:url("/_layouts/images/selbg.png") repeat-x left
top;
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
/* border-top:1px solid #e0e0e0; - HIDDEN
/* border-bottom:1px solid #b8babd; - HIDDEN
![Page 52: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/52.jpg)
Re-Experience SharePoint
Title Area Fill: Enhanced
background:url("/_layouts/images/selbg.png") repeat-x left
top;
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
/* border-top:1px solid #e0e0e0; - HIDDEN
/* border-bottom:1px solid #b8babd; - HIDDEN
![Page 54: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/54.jpg)
Re-Experience SharePoint
Global Nav Font: Default
body #s4-topheader2{
/* [RecolorImage(themeColor:"Light1")] */
background:url("/_layouts/images/selbg.png") repeat-x left top;
/* [ReplaceColor(themeColor:"Light2")] */
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
/* [ReplaceColor(themeColor:"Light2-Lightest")] */
border-top:1px solid #e0e0e0;
/* [ReplaceColor(themeColor:"Light2-Lighter")] */
border-bottom:1px solid #b8babd;
}
![Page 55: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/55.jpg)
Re-Experience SharePoint
Global Nav Borders: Default
body #s4-topheader2{
/* [RecolorImage(themeColor:"Light1")] */
background:url("/_layouts/images/selbg.png") repeat-x left top;
/* [ReplaceColor(themeColor:"Light2")] */
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
/* [ReplaceColor(themeColor:"Light2-Lightest")] */
border-top:1px solid #e0e0e0;
/* [ReplaceColor(themeColor:"Light2-Lighter")] */
border-bottom:1px solid #b8babd;
}
![Page 56: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/56.jpg)
Re-Experience SharePoint
Global Nav Fill: Default
body #s4-topheader2{
/* [RecolorImage(themeColor:"Light1")] */
background:url("/_layouts/images/selbg.png") repeat-x left top;
/* [ReplaceColor(themeColor:"Light2")] */
background-color:#f6f6f6;
vertical-align:middle;
min-height:25px;
/* [ReplaceColor(themeColor:"Light2-Lightest")] */
border-top:1px solid #e0e0e0;
/* [ReplaceColor(themeColor:"Light2-Lighter")] */
border-bottom:1px solid #b8babd;
}
![Page 58: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/58.jpg)
Re-Experience SharePoint
Global Nav Font: Enhanced
.s4-toplinks .s4-tn a {
background:none;
border:0px;
color:#cccccc;
font-family:'Verdana';
font-size:14px;
padding:0px;
margin:0px;
height:50px;
text-decoration:none !important;
}
![Page 59: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/59.jpg)
Re-Experience SharePoint
Global Nav Borders: Enhanced
body #s4-topheader2 {
margin-top:20px;
margin-bottom:20px;
height:50px;
background-
image:url("/Style%20Library/Images/bg_globalnav.png");
border-top:none;
border-bottom:none;
}
![Page 60: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/60.jpg)
Re-Experience SharePoint
Global Nav Fill: Enhanced
body #s4-topheader2 {
margin-top:20px; /* Add padding on top of the global nav container */
margin-bottom:20px; /* Add padding on bottom of the global nav
container */
height:50px; /* Set the height of the global nav container */
background-image:url("/Style%20Library/Images/bg_globalnav.png");
/* Change background image to the global nav container */
border-top:none;
border-bottom:none;
}
![Page 68: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/68.jpg)
Re-Experience SharePoint
The Quick Launch
Create a New Experience
![Page 70: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/70.jpg)
Re-Experience SharePoint
Quick Launch Font: Default
.s4-ql,.s4-specialNavLinkList{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
}
![Page 71: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/71.jpg)
Re-Experience SharePoint
Quick Launch Border: Default
.s4-ql,.s4-specialNavLinkList{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
}
![Page 72: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/72.jpg)
Re-Experience SharePoint
Quick Launch Fill: Default
.s4-ql,.s4-specialNavLinkList{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
/* No fill
}
![Page 74: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/74.jpg)
Re-Experience SharePoint
Quick Launch Font: Enhanced
body #s4-leftpanel-content {
border:none; /* Remove the QL borders */
background-color:transparent;
/* Inherits body font
}
![Page 75: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/75.jpg)
Re-Experience SharePoint
Quick Launch Borders: Enhanced
body #s4-leftpanel-content {
border:none; /* Remove the QL borders */
background-color:transparent;
}
![Page 76: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/76.jpg)
Re-Experience SharePoint
Quick Launch Fill: Enhanced
body #s4-leftpanel-content {
border:none; /* Remove the QL borders */
background-color:transparent;
}
![Page 78: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/78.jpg)
Re-Experience SharePoint
QL Main Links Font: Default
.s4-tn li.static > .menu-item{
/* [ReplaceColor(themeColor:"Dark2")]
*/ color:#3b4f65; white-space:nowrap;
border:1px solid transparent;
padding:4px 10px;
display:inline-block;
height:15px;
vertical-align:middle;
/* Inherits from body
}
![Page 79: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/79.jpg)
Re-Experience SharePoint
QL Main Links Borders: Default
.s4-tn li.static > .menu-item{
/* [ReplaceColor(themeColor:"Dark2")]
*/ color:#3b4f65; white-space:nowrap;
border:1px solid transparent;
padding:4px 10px;
display:inline-block;
height:15px;
vertical-align:middle;
}
![Page 80: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/80.jpg)
Re-Experience SharePoint
QL Main Links Fill: Default
.s4-tn li.static > .menu-item{
/* [ReplaceColor(themeColor:"Dark2")]
*/ color:#3b4f65; white-space:nowrap;
border:1px solid transparent;
padding:4px 10px;
display:inline-block;
height:15px;
vertical-align:middle;
/* No fill
}
![Page 82: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/82.jpg)
Re-Experience SharePoint
QL Main Links Font: Enhanced
.menu-vertical > ul.root > li.static > .menu-item {
color:#000000;
font-size:14px;
font-family:'Verdana';
border-bottom:1px solid #000000;
padding-bottom:5px;
}
![Page 83: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/83.jpg)
Re-Experience SharePoint
QL Main Links Borders: Enhanced
.menu-vertical > ul.root > li.static > .menu-item {
color:#000000;
font-size:14px;
font-family:'Verdana';
border-bottom:1px solid #000000;
padding-bottom:5px;
}
![Page 84: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/84.jpg)
Re-Experience SharePoint
QL Main Links Fill: Enhanced
.menu-vertical > ul.root > li.static > .menu-item {
color:#000000;
font-size:14px;
font-family:'Verdana';
border-bottom:1px solid #000000;
padding-bottom:5px;
/* NO FILL
}
![Page 86: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/86.jpg)
Re-Experience SharePoint
QL Sub Links Font: Default
.single-level-menu .menu-vertical li.static{
border-bottom: 1px solid #ffffff;
/* Fonts inherited from body
}
![Page 87: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/87.jpg)
Re-Experience SharePoint
QL Sub Links Borders: Default
.single-level-menu .menu-vertical li.static{
border-bottom: 1px solid #ffffff;
}
![Page 88: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/88.jpg)
Re-Experience SharePoint
QL Sub Links Fill: Default
.single-level-menu .menu-vertical li.static{
border-bottom: 1px solid #ffffff;
/* No fill in default
}
![Page 90: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/90.jpg)
Re-Experience SharePoint
QL Sub Links Font: Enhanced
.menu-vertical > ul.root > li.static > ul.static > li.static {
padding-left:10px;
}
.menu-vertical > ul.root > li.static > ul.static > li.static:hover {
background-color:#cccccc;
}
.menu-vertical > ul.root > li.static > ul.static > li.static > a {
color:#000000;
font-size:14px;
font-family:'Verdana';
text-decoration:none;
}
.s4-ql a.selected {
background:none;
background-color:transparent;
border:0px solid transparent !important;
}
![Page 91: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/91.jpg)
Re-Experience SharePoint
QL Sub Links Borders: Enhanced
.menu-vertical > ul.root > li.static > ul.static > li.static {
padding-left:10px;
}
.menu-vertical > ul.root > li.static > ul.static > li.static:hover {
background-color:#cccccc;
}
.menu-vertical > ul.root > li.static > ul.static > li.static > a {
color:#000000;
font-size:14px;
font-family:'Verdana';
text-decoration:none;
}
.s4-ql a.selected {
background:none;
background-color:transparent;
border:0px solid transparent !important;
}
![Page 92: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/92.jpg)
Re-Experience SharePoint
QL Sub Links Fill: Enhanced
.menu-vertical > ul.root > li.static > ul.static > li.static {
padding-left:10px;
}
.menu-vertical > ul.root > li.static > ul.static > li.static:hover {
background-color:#cccccc;
}
.menu-vertical > ul.root > li.static > ul.static > li.static > a {
color:#000000;
font-size:14px;
font-family:'Verdana';
text-decoration:none;
}
.s4-ql a.selected {
background:none;
background-color:transparent;
border:0px solid transparent !important;
}
![Page 100: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/100.jpg)
Re-Experience SharePoint
The Content Area
Create a New Experience
![Page 102: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/102.jpg)
Re-Experience SharePoint
Content Area Font: Default
.s4-ca{
/* [ReplaceColor(themeColor:"Light1")]
*/ background:#fff;
margin-left:155px;
margin-right:0px;
min-height:324px;
/* Inherited from body
}
![Page 103: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/103.jpg)
Re-Experience SharePoint
Content Area Borders: Default
.s4-ca{
/* [ReplaceColor(themeColor:"Light1")]
*/ background:#fff;
margin-left:155px;
margin-right:0px;
min-height:324px;
/* No borders
}
![Page 104: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/104.jpg)
Re-Experience SharePoint
Content Area Fill: Default
.s4-ca{
/* [ReplaceColor(themeColor:"Light1")]
*/ background:#fff;
margin-left:155px;
margin-right:0px;
min-height:324px;
}
![Page 106: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/106.jpg)
Re-Experience SharePoint
Content Area Font: Enhanced
/* Default used
.s4-ca{
/* [ReplaceColor(themeColor:"Light1")]
*/ background:#fff;
margin-left:155px;
margin-right:0px;
min-height:324px;
}
![Page 107: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/107.jpg)
Re-Experience SharePoint
Content Area Borders: Enhanced
/* Default used
.s4-ca{
/* [ReplaceColor(themeColor:"Light1")]
*/ background:#fff;
margin-left:155px;
margin-right:0px;
min-height:324px;
}
![Page 108: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/108.jpg)
Re-Experience SharePoint
Content Area Fill: Enhanced
/* Default used
.s4-ca{
/* [ReplaceColor(themeColor:"Light1")]
*/ background:#fff;
margin-left:155px;
margin-right:0px;
min-height:324px;
}
![Page 116: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/116.jpg)
Re-Experience SharePoint
Re-Experience SharePoint
Putting it all together
![Page 131: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/131.jpg)
Re-Experience SharePoint
Conclusion:
7000+ Lines of CSS in
SharePoint
![Page 133: Re-Experience SharePoint - Ripping Apart the Interface on SharePoint 2010](https://reader033.fdocuments.us/reader033/viewer/2022052909/5599ade01a28ab0f2b8b45d0/html5/thumbnails/133.jpg)
Re-Experience SharePoint
Re-Experience SharePoint
Interface Enhancements in
SharePoint 2010