css reference chart for sharepoint 2007 …分区sharepoint 2007 的第10 页 breadc rumbs - back to...

MOSS/

WSS

or All

Class/I

D

Functi

on

Proper

ties

CSS

File

and

Appro

ximate

Line

Numb

er

Notes Screenshot

Global

Links

(Sign

In/Wel

come,

My

Links,

etc)

- Back to Top -

.ms-

HoverC

ellInAct

ive,.ms

-

SpLink

ButtonI

nActive

Global

links

Border

Margin

Font

color

Alignm

ent

Backgr

ound

Core.C

SS -

2575

.ms-

HoverC

ellActiv

e,.ms-

SpLink

Button

Active

Global

links

hover

state

Border

Alignm

ent

Backgr

ound

Core.C

SS -

2582

.ms-

globall

eft

Float

table

left

Float Core.C

SS -

540

Floats

the

table

contain

ing the

Site

Map

Path

.ms-

globalli

nks

Global

link

text

Font

size,

family

Backgr

ound

Core.C

SS -

546,

551

.ms-

globalr

ight

Float

table

right

Float Core.C

SS -

543

Floats

the

table

contain

ing the

global

links

CSS Reference Chart for SharePoint 2007 (Microsoft

Office SharePoint Server 2007 and Windows

SharePoint Services v3)

2007年4月18日

10:03

分区 SharePoint 2007 的第 1 页

http://www.heathersolomon.com/content/sp07cssreference.htm#Top

links

Search - Back to Top -

.ms-

sbcell

Wrapp

er

around

search

input,

button

and

Advanc

ed

Search

link

Paddin

g

Border

White

Space

Core.C

SS -

4137

td.ms-

sbgo

Search

magnif

y icon

Backgr

ound

Paddin

g

Core.C

SS -

4177

ms-

sbLastc

ell

Empty

cell to

the

right of

the

search

area

Width Core.C

SS -

4184

.ms-

sblink

Link

formatt

ing

Border

Font

family,

size,

color

Text

decora

tion

Paddin

g

Core.C

SS -

4162,

4166,

4173

.ms-

sbplain

Format

ting for

Search

terms

text

box

Font

family,

size

Border

Core.C

SS -

4155

td.ms-

sbscop

es

Wrappi

ng

table

cell

around

Search

Scopes

Border Core.C

SS -

4190

select.

ms-

sbscop

es

Format

ting for

Search

Scopes

select

box

Font

family,

size

Width

Core.C

SS -

4193

.ms-

sbtable

Wrappi

ng

table

around

Search

Font

color,

family,

size,

style,

weight

Core.C

SS -

4116

.ms- Wrappi Width Core.C



.ms-

sbtable

-ex

Wrappi

ng

table

around

Search

Width

Border

Margin

Core.C

SS -

4128

Top

Horizo

ntal

Naviga

tion -

Defaul

t

styles,

but

you

can

easily

replac

e the

CssCla

ss

refere

nces

to

your

own in

the

code

for the

naviga

tion,

or

omit

the

wrappi

ng

HTML

- Back to Top -

.ms-

banner

Contai

ner

Wrappi

ng

contain

er

around

top

navigat

ion -

Only

shows

throug

h when

a tab is

not in

the

horizo

ntal

space

in the

top

navigat

ion.

Backgr

ound

image,

positio

n,

repeat,

color

Paddin

g

Core.C

SS -

518

.ms-

topnav

Naviga

tion

formatt

Border

Backgr

ound

Core.C

SS -

643,



formatt

ing

ound

Font

family,

size,

color

Display

White

space

Paddin

g

Height

643,

654

.ms-

topnav

selecte

d

Format

ting for

selecte

d

navigat

ion

Font

color,

weight

Backgr

ound

Border

Core.C

SS -

660,

670

.ms-

topNav

Hover

Hover

state

Backgr

ound

Border

Font

color

Core.C

SS -

673,

681

.ms-

topNav

FlyOuts

Drop

down

menus

Backgr

ound

Font

family,

size,

color

Display

Width

Paddin

g

Core.C

SS -

692,

697

.ms-

topNav

FlyOuts

Hover

Hover

state

for

drop

down

menus

Backgr

ound

Font

color

Core.C

SS -

704

Site

Action

s

Menu

- Back to Top -

ms-

siteacti

on,.ms-

siteacti

on a

Site

Actions

text

Font

size,

family,

weight,

color

Text

decora

tion

Core.C

SS -

590

.ms-

siteacti

onsme

nu

Wrappi

ng

table

cell

White

space

Font

Paddin

g

Border

Cursor

Core.C

SS -

603

.ms-

siteacti

onsme

Site

Actions

button

Backgr

ound

Border

Paddin

Core.C

SS -

610,



nu div

div div

Paddin

g

619

.ms-

siteacti

onsme

nu div

div

div.ms-

siteacti

onsme

nuhove

r

Hover

state

Backgr

ound

Border

Core.C

SS -

623

Left

Vertica

l

Naviga

tion

Bar -

Defaul

t

styles,

but

you

can

easily

replac

e the

CssCla

ss

refere

nces

to

your

own in

the

code

for the

naviga

tion,

or

omit

the

wrappi

ng

HTML

- Back to Top -

.ms-

titleare

aframe

Area

above

navigat

ion

See

Title

Area

See

Title

Area

On

some

screens

since

this

area is

directly

above

the left

navigat

ion it

seems

it

would

have

an

associa

See Title Area



http://www.heathersolomon.com/content/sp07cssreference.htm#TitleArea







associa

ted left

navigat

ion

style,

but

instead

the

area is

the

entire

page

width

and is

a part

of the

title

area.

.ms-

pagem

argin

Area to

the left

of the

navigat

ion

Backgr

ound

color,

image,

repeat,

positio

n

Height

Core.C

SS -

1212

.ms-

quickla

unchhe

ader

Quick

Launch

Header

s (such

as

View

All Site

Conten

t

button)

Paddin

g

Font

weight,

color,

size

Text-

decora

tion

Backgr

ound

Core.C

SS -

917,

927,

931

.ms-

navhea

der

Naviga

tion

header

s

Backgr

ound

Border

Paddin

g

Font

weight,

color

Text

decora

tion

Core.C

SS -

744,

756,

851,

854,

859

.ms-

selecte

dnavhe

ader

Selecte

d view

state

for

navigat

ion

header

s

Width

Backgr

ound

Border

Paddin

g

Font

weight,

color

Text

decora

tion

Core.C

SS -

766,

800,

811,

816

.ms- Sub Backgr Core.C


navite

m

navigat

ion

items

under

navigat

ion

header

s

ound

Paddin

g

Font

family,

color

Text

decora

tion

SS -

820,

863,

867

Portal.

CSS -

782,

786,

790,

794

.ms-

selecte

dnav

Selecte

d view

state

for

navigat

ion

items

under

navigat

ion

header

s

Border

Backgr

ound

Margin

Width

Paddin

g

Font

color

Core.C

SS -

779,

788,

796,

941

.ms-

navSub

Menu1

Sub

navigat

ion

items

under

navigat

ion

header

s

Width

Border

Backgr

ound

Core.C

SS -

827

.ms-

navSub

Menu2

Sub

navigat

ion

items

under

navigat

ion

header

s

Border

Width

Backgr

ound

Margin

Core.C

SS -

763,

832

.ms-

treevie

wouter

Contai

ning

DIV for

Tree

View in

Quick

Launch

Border

Paddin

g

Core.C

SS -

741,

750,

753,

887,

890

.ms-

tvselec

ted

Selecte

d

navigat

ion

item in

Tree

View

Backgr

ound

Font

color

Core.C

SS -

881,

884

.ms-

recycle

bin

Recycle

Bin

Backgr

ound

Width

Border

Paddin

g

Font

Core.C

SS -

893,

900,

905


Font

weight,

color

Text

decora

tion

Quick

Launch

Picker

(Date

Picker)

- Back to Top -

.ms-

picker-

header

Picker

header

Font

weight

Backgr

ound

DatePi

cker.CS

S - 8

.ms-

picker-

dayhea

der

Days of

the

week

Font

family,

size,

color,

weight

Text

alignm

ent

Border

Paddin

g

DatePi

cker.CS

S - 17

.ms-

picker-

daycen

ter

Date

boxes

Text

alignm

ent

Font

size,

family,

color

Border

Height

Text

decora

tion

DatePi

cker.CS

S - 96,

105,

111,

119

.ms-

picker-

daycen

terOn

Hover

state

for

Date

boxes

Backgr

ound

Height

DatePi

cker.CS

S - 96,

123

.ms-

picker-

daysele

cted

Curren

t date

Text

alignm

ent

Font

size,

family

Backgr

ound

Border

DatePi

cker.CS

S - 126

.ms-

picker-

footer

Picker

footer

Border

Font

family,

size,

color

Paddin

g

Text

DatePi

cker.CS

S -

180,

187,

190



decora

tion

.ms-

quickL

aunch

Wrapp

er

around

entire

picker

Border

Font

size,

family

Line

height

Backgr

ound

Core.C

SS -

909

Title

Area

- Back to Top -

.ms-

titleare

aframe

Wrappi

ng

table

cell

around

page

title,

extend

s the

entire

width

of the

page

Backgr

ound

image,

repeat,

positio

n, color

Text

alignm

ent

Core.C

SS -

1120

.ms-

pagetit

le

Page

title

text

Font

color,

family,

size,

weight

Margin

Core.C

SS -

1256

Conte

nt

Area

Genera

l

- Back to Top -

.ms-

bodyar

eafram

e

Conten

t

contain

er

Vertical

alignm

ent

Height

Width

Backgr

ound

Border

Core.C

SS -

1238

.ms-

pagetit

le

Page

title

Font

color,

family,

size,

weight

Margin

Core.C

SS -

1256

.ms-

listdesc

ription

List/libr

ary

descrip

tion

Font

color,

family

Backgr

ound

Paddin

g

Border

Core.C

SS

1631

.ms- Backgr Line Core.C




formbo

dy

ound

for

cells

with

form

fields

height

Font

family,

size

Vertical

align

Backgr

ound

Border

Paddin

g

Text

alignm

ent

SS - 33,

43,

304,

333,

349

.ms-

formla

bel

Form

label

formatt

ing

Text

alignm

ent

Font

family,

size,

color,

weight

Border

Paddin

g

Core.C

SS -

284

OWSN

OCR.C

SS - 22

.ms-

formlin

e

Bottom

line

under

last

form

fields

Border

Paddin

g

Core.C

SS -

352

.ms-

authori

ngcont

rols

Backgr

ound

for

cells

with

form

fields

on

admini

strative

pages

Backgr

ound

Font

family,

size,

color

Core.C

SS -

1413

.ms-

proper

tysheet

Control

s fonts

in

several

locatio

ns

.ms-

menui

magec

ell

Arrow

that

appear

s when

column

header

s are

mouse

d over

Backgr

ound

Cursor

Border

Paddin

g

Height

Core.C

SS -

1345,

1352,

1355

SiteMa

nagerC

ustom

Styles.

CSS -

428,

633

Breadc - Back to Top -



Breadc

rumbs

- Back to Top -

.ms-

pagebr

eadcru

mb

Breadc

rumb

navigat

ion in

main

conten

t area

Paddin

g

Border

Font

size,

color

Text

decora

tion

Backgr

ound

Core.C

SS -

556,

561

.remov

eMargi

ns

Adjusts

margin

s

around

breadc

rumb

Margin

s

PageLa

youts.C

SS -

105

Page

Edit

Toolba

r (Edit

Consol

e)

- Back to Top -

.ms-

consol

empta

blerow

Wrapp

er

around

Edit

Toolba

r -

master

table

cell

Backgr

ound

Core.C

SS -

3203

.ms-

consol

etitlear

eafram

e

Edit

Toolba

r

contain

er -

sub

table

cell

Backgr

ound

Text

alignm

ent

Paddin

g

Width

Core.C

SS -

1120,

1140,

1142

This is

the

sides

of the

toolbar

.ms-

consol

etitlear

eafram

ebotto

m

Bottom

area

under

toolbar

Backgr

ound

Text

alignm

ent

Paddin

g

Core.C

SS -

1146

This is

the

bottom

of the

sides

of the

toolbar

.ms-

consol

eframe

Edit

Toolba

r

contain

er -

sub

sub

table

Border Core.C

SS -

3210,

3223

This is

the top

and

bottom

border

of the

toolbar

as a

whole

.ms-

consol

Edit

Toolba

Border

Backgr

ound

Core.C

SS -

This

the




estatus

frame

r

contain

er -

sub

sub

sub

table

ound 3210,

3227

backgr

ound

of the

lower

section

s of the

toolbar

.ms-

consol

estatus

checko

utfram

e

Edit

Toolba

r

contain

er -

sub

sub

sub

table

cell

Backgr

ound

Core.C

SS -

3233,

3244

This is

the

gradati

on in

the top

bar

when

the

page is

in Edit

mode

.ms-

consol

estatus

minorfr

ame

Edit

Toolba

r

contain

er -

sub

sub

sub

table

cell

Backgr

ound

Core.C

SS -

3233,

3240

This is

the

gradati

on in

the top

bar

when

lookin

g at a

draft

state

of the

page

.ms-

consol

ehr

Separa

tor

rules

betwee

n rows

in

toolbar

Backgr

ound

Height

Core.C

SS -

3293

Mini

Consol

e

- Back to Top -

.ms-

wikiedi

touter

Div

wrappe

r

around

consol

e

button

s

Hieght

Font

size,

family

Positio

n

Border

Text

alignm

ent

Margin

Core.C

SS -

3405

SingleL

evel.CS

S - 332

Tabs.C

SS -

419

Vertical

.CSS -

419

.ms-

wikiedi

tthird

Backgr

ound

of

button

s

Backgr

ouns

Paddin

g

Core.C

SS -

3420

.ms-

wikitoo

Button

s

Font

color

Core.C

SS -



lbar

a.ms-

toolbar

s color

3404

.ms-

wikitoo

lbar

a:hover

.ms-

toolbar

Hover

state

of

button

s

Text

decora

tion

Font

color

Core.C

SS -

3437

.ms-

toolbar

See

Toolba

r

.ms-

separat

or

See

Toolba

r

Web

Parts

- Back to Top -

.ms-

WPHea

der

Header

area

Border Core.C

SS -

2664

.ms-

WPTitl

e

Title

text

Font

weight,

family,

color

Text

decora

tion

Paddin

g

Cursor

Core.C

SS -

2480,

2491,

2497

.ms-

partlin

e

Separa

ting

line

under

web

part

and

above

Action

links

Backgr

ound

Core.C

SS -

1507

Menu

Toolba

r

- Back to Top -

.ms-

menut

oolbar

Toolba

r menu

Border

Height

Backgr

ound

Core.C

SS - 70,

77

.ms-

separat

or img

Separa

ting

line

betwee

n

toolbar

option

s

Height

Width

Margin

Backgr

ound

Border

Core.C

SS -

1404

.ms-

menub

uttonin

activeh

Toolba

r

button

Margin

Paddin

g

Backgr

ound

Core.C

SS -

100


http://www.heathersolomon.com/content/sp07cssreference.htm#Toolbar






over ound

Line

height

.ms-

menub

uttona

ctiveho

ver

Hover

state

for

toolbar

button

s

Margin

Paddin

g

Backgr

ound

Line

height

Border

Cursor

Core.C

SS -

106

.ms-

splitbu

ttonho

ver

Hover

state

for

"New"

toolbar

button

Backgr

ound

Border

Margin

Core.C

SS -

202

.ms-

splitbu

tton

"New"

toolbar

button

Margin Core.C

SS -

199

.ms-

splitbu

ttontex

t

Wrappi

ng

table

cell for

toolbar

menu

item

Paddin

g

Core.C

SS -

196,

207

.ms-

splitbu

ttondr

opdow

n

Separa

ting

line

betwee

n 'New'

text

and

drop

down

arrow

Paddin

g

Margin

Border

Cursor

Core.C

SS -

192,

207,

211

.ms-

listhea

derlab

el

"View"

text

Font

color,

size,

family

Core.C

SS -

132,

135

.ms-

viewsel

ector

View

drop

down

menu

Font

size,

family,

weight,

color

Border

Backgr

ound

Paddin

g

Cursor

Width

Core.C

SS -

135,

139,

150,

158,

165

.ms-

viewsel

ectorh

over

Hover

state

for

View

drop

down

menu

Font

size,

family,

weight

Border

Backgr

ound

Core.C

SS -

135,

139,

150,

161,

165


menu ound

Paddin

g

Cursor

Width

165

Toolba

r

- Back to Top -

.ms-

toolbar

Wrappi

ng

table

cell for

toolbar

Font

family,

size,

color

Text

decora

tion

Backgr

ound

Border

Core.C

SS - 20,

37, 42

Also

used in

the

Mini

Consol

e

.ms-

separat

or

Button

separat

or

Font

color,

size

Core.C

SS

1399

Also

used in

the

Mini

Consol

e

Calend

ar

- Back to Top -

.ms-

calhea

der

Calend

ar

header

Backgr

ound

Calend

ar.CSS

- 3

.ms-

cal-

navhea

der

Month

directi

onal

arrows

Backgr

ound

Border

Vertical

alignm

ent

Calend

ar.CSS

- 844

.ms-

cal-

weekd

ay

Weekd

ay

Backgr

ound

Font

color,

weight

Paddin

g

Calend

ar.CSS

- 50

.ms-

cal-

weeke

mpty

Space

to the

left of

the

week

day

and

weeks

Backgr

ound

Width

Font

size

Calend

ar.CSS

- 41

.ms-

cal-

topday

Day

header

Backgr

ound

Border

Font

weight,

color

Text

alignm

ent

Calend

ar.CSS

- 75

.ms- Hover Backgr Calend



http://www.heathersolomon.com/content/sp07cssreference.htm#MiniConsole







cal-

topday

over,

state

for Day

header

ound

Border

Cursor

Text

alignm

ent

ar.CSS

- 148

.ms-

cal-

nodata

Mid

Empty

days

Font

family,

size

Vertical

alignm

ent

Paddin

g

Border

Backgr

ound

Calend

ar.CSS

- 215,

220

.ms-

cal-

nodata

Btm2

Bottom

area of

empty

days

Paddin

g

Border

Backgr

ound

Vertical

alignm

ent

Calend

ar.CSS

- 220,

227

.ms-

cal-

week

Week

header

Backgr

ound

Border

Calend

ar.CSS

- 56

.ms-

cal-

weekse

lected

Hover

state

for

Week

header

Font

color

Text

decora

tion

Border

Cursor

Backgr

ound

Calend

ar.CSS

- 62,

67

.ms-

cal-

workite

m

Work

days

Font

family,

size

Paddin

g

Border

Vertical

alignm

ent

Backgr

ound

Calend

ar.CSS

- 235,

240

.ms-

cal-

workite

m2B

Bottom

area of

each

work

day

Paddin

g

Border

Backgr

ound

Calend

ar.CSS

- 252

.ms-

cal-

nowor

kitem

Non

work

days

Font

family,

size

Vertical

alignm

ent

Calend

ar.CSS

- 235,

285


Paddin

g

Border

Backgr

ound

.ms-

cal-

nowor

kitem2

B

Bottom

area of

each

non

work

day

Paddin

g

Border

Backgr

ound

Calend

ar.CSS

- 292

.ms-

cal-

topday

-today

Today

marker

Backgr

ound

Border

Text

alignm

ent

Font

weight,

color

Text

decora

tion

Calend

ar.CSS

- 119,

125,

131,

200

.ms-

cal-

topday

-

todayo

ver

Hover

state

for

Today

marker

Backgr

ound

Border

Cursor

Text

alignm

ent

Calend

ar.CSS

- 136

.ms-

cal-

default

bgcolo

r

All Day

Event

marker

in

Month

View

Backgr

ound

Text

alignm

ent

Font

weight

Text

overflo

w

Paddin

g

Cursor

Calend

ar.CSS

- 352

.ms-

cal-

default

bgcolo

rsel

Hover

state

for All

Day

Event

marker

in

Month

View

Backgr

ound

Text

alignm

ent

Font

weight

Text

overflo

w

Paddin

g

Cursor

Font

color

Text

decora

tion

Calend

ar.CSS

- 362,

390,

393


.ms-

cal-

time

Area to

left of

All Day

Event

marker

in Day

View

Border

Width

Backgr

ound

Calend

ar.CSS

- 410

.ms-

cal-

alldaye

vent

Area to

right of

All Day

Event

marker

in Day

View

Text

alignm

ent

Border

Paddin

g

Height

Vertical

alignm

ent

Text

overflo

w

Text

decora

tion

Backgr

ound

Height

Font

family,

size

Calend

ar.CSS

- 420,

715,

719

.ms-

cal-

wempt

ycell,.m

s-cal-

wempt

ycellL

Empty

cells

for

other

days

not

marke

d as an

All Day

Event

when

an All

Day

Event

appear

s in the

Week

View

Border

Backgr

ound

Calend

ar.CSS

- 703

.ms-

cal-

tweekit

em

Appoin

tment

block

in

Week

View

Border

Backgr

ound

Width

Height

Paddin

g

Vertical

alignm

ent

Font

family,

size

Overflo

w

Calend

ar.CSS

- 756,

764,

770


w

.ms-

cal-

tdayite

m

Appoin

tment

block

in Day

View

Border

Backgr

ound

Width

Height

Paddin

g

Vertical

Alignm

ent

Font

family,

size

Overflo

w

Calend

ar.CSS

- 779,

787,

793,

798

Search

Center

(Adva

nced

Search

)

- Back to Top -

.ms-

ptabar

ea

Contai

ning

table

for

tabs

Margin Portal.

CSS -

17

These

same

styles

are

also

used

by the

Site

Directo

ry

becaus

e in the

style

sheet

the

classes

are

groupe

d, but

the

Site

Directo

ry does

utilize

differe

nt class

names.

.ms-

ptabcn

Selecte

d tab

Backgr

ound

Border

Font

Paddin

g

Portal.

CSS -

20

.ms-

ptabcn

hover

Selecte

d tab

hover

Backgr

ound

Border

Font

Paddin

g

Portal.

CSS -

33



.ms-

ptabcn

A:link,

.ms-

ptabcn

A:visite

d,

.ms-

ptabcn

hover

A:link,

.ms-

ptabcn

hover

A:visite

d,

Selecte

d tab

text

Text

decora

tion

Font

Color

Portal.

CSS -

46

.ms-

ptabcn

hover

A:hove

r

Selecte

d tab

text

hover

Text

decora

tion

Font

Color

Portal.

CSS -

52

.ms-

sctabcf

Unsele

cted

tab

Border

Font

Paddin

g

Portal.

CSS -

118

.ms-

ptabcf

hover

Unsele

cted

tab

hover

Backgr

ound

Border

Font

Paddin

g

Portal.

CSS -

71

.ms-

ptabcf

A:link,

.ms-

ptabcf

A:visite

d,

.ms-

ptabcf

hover

A:link,

.ms-

ptabcf

hover

A:visite

d,

Unsele

cted

tab

text

Text

decora

tion

Font

Color

Portal.

CSS -

86

.ms-

ptabcf

hover

A:hove

r

Unsele

cted

tab

text

hover

Text

decora

tion

Font

Color

Portal.

CSS -

91

.ms-

sctabrx

Line

extendi

ng past

tabs

Width

Backgr

ound

Border

Font

family,

size,

style,

Portal.

CSS -

134


weight

Paddin

g

Vertical

alignm

ent

Text

alignm

ent

Site

Direct

ory

(Site

Map)

- Back to Top -

See

Search

Center

Site

Map

tabs

See

Search

Center

See

Search

Center

.ms-

ptabcf

Unsele

cted

tab

Backgr

ound

Border

Font

Paddin

g

Portal.

CSS -

58

.ms-

ptabrx

Line

extendi

ng past

tabs

Width

Backgr

ound

Border

Font

family,

size,

style,

weight

Paddin

g

Vertical

alignm

ent

Text

alignm

ent

Portal.

CSS -

110

源文档 <http://www.heathersolomon.com/content/sp07cssreference.htm>



http://www.heathersolomon.com/content/sp07cssreference.htm

css reference chart for sharepoint 2007 …分区sharepoint 2007 的第10 页 breadc rumbs - back to...

Documents