FONT
-
SIZE:9
PT; }
#
CONTENTSC
ENTERTABLE.C
ONTENTT
ABLETH{
TEXT
-
ALIGN:
LEFT;
COLOR
: #FFFFFF;
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
TOPB
ARBG.
JPG);
BACKGROUND
-
POSITION:
RIGHTTOP;
BACKGROUND
-
REPEAT:
NO-
REPEAT; }
#
CONTENTSC
ENTERTABLE.C
ONTENTT
ABLETHDIV{
DISPLAY
:
BLOCK;
PADDING
-
LEFT: 7
PX;
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
TOPB
ART
EXTL
EFT.
JPG);
BACKGROUND
-
REPEAT:
NO-
REPEAT;
HEIGHT
: 28
PX; }
#
CONTENTSC
ENTERTABLE.C
ONTENTT
ABLETHSPAN{
DISPLAY
:
BLOCK;
PADDING
-
TOP: 7
PX;
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
TOPB
ART
EXTR
IGHT.
JPG);
BACKGROUND
-
POSITION:
RIGHTTOP;
BACKGROUND
-
REPEAT:
NO-
REPEAT;
HEIGHT
: 28
PX; }
#
CONTENTSC
ENTERTABLE.C
ONTENTT
ABLETD.
WORKA
REATABLETRTD.
LABEL{
TEXT
-
ALIGN:
RIGHT;
COLOR
: #000000;
PADDING
: 5
PX; }
#
CONTENTSC
ENTERTABLE.C
ONTENTT
ABLETD.
WORKA
REATABLETRTD.
ERROR{
COLOR
:
RED;
FONT
-
SIZE: 10
PX; }
#
CONTENTSC
ENTERTABLE.C
ONTENTT
ABLETD.
WORKA
REA{
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
TOPB
ARL
EFT.
JPG);
BACKGROUND
-
REPEAT:
REPEAT-
Y;
BORDER
: 1
PXSOLID#DADADA;
PADDING
: 5
PX15
PX5
PX15
PX; }
#
CONTENTSC
ENTER>
TABLE.C
ONTENTT
ABLETD.
BOTTOM{
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
TOPB
ARB
OTTOM.
JPG);
BACKGROUND
-
REPEAT:
NO-
REPEAT; }
/* --- */
#
CONTENTSR
IGHT{
BORDER
-
COLLAPSE:
COLLAPSE;
WIDTH
: 233
PX;
VERTICAL
-
ALIGN:
TOP; }
#
CONTENTSR
IGHTA,#
CONTENTSR
IGHTA:
HOVER, #
CONTENTSR
IGHTA:
VISITED, #
CONTENTSR
IGHTA:
ACTIVE{
COLOR
: #152
D76;
}
#
CONTENTSR
IGHTINPUT.
TEXT{
FONT
-
FAMILY: A
RIAL, H
ELVETICA,
SANS-
SERIF;
FONT
-
SIZE: 12
PX;
PADDING-
LEFT: 3
PX;
COLOR
: #000000;
BORDER
: 0
PX;
BACKGROUND
-
COLOR: #FFFFFF;
HEIGHT
: 18
PX; }
/* --- */
.L
OGINT
ABLE{
FONT
-
FAMILY: A
RIAL, H
ELVETICA,
SANS-
SERIF;
FONT
-
SIZE: 11
PX; C
OLOR: #3
F58
A2;
TEXT
-
ALIGN:
LEFT;
WIDTH
: 110
PX; }
.L
OGINT
ABLEA, .L
OGINT
ABLEA:
HOVER, .L
OGINT
ABLEA:
VISITED, .L
OGINT
ABLEA:
ACTIVE{
FONT
-
FAMILY: A
RIAL, H
ELVETICA,
SANS-
SERIF;
FONT
-
SIZE: 11
PX;
COLOR
: #041
D6
A;
TEXT
-
DECORATION:
NONE; }
.L
OGINT
ABLEA:
HOVER{
COLOR
: #3
F58
A2;
}
.L
OGINT
ABLESPAN{
COLOR
: #FF0000;
DISPLAY
:
NONE; }
/********
ADDITIONALS********/
.
CONTAINER{
BACKGROUND
-
COLOR: #
FAFBFC; -
MOZ-
BORDER-
RADIUS: 7
PX; -
WEBKIT-
BORDER-
RADIUS: 7
PX;
PADDING
: 5
PX5
PX5
PX5
PX;
BORDER
: 2
PXSOLID#
E3
E9
F3;
MARGIN
: 0 0 0 0;
WIDTH
: 190
PX;
FLOAT
:
NONE; }
/******
INPUTTYPEBACKGROUND******/
.
INPUT{
BORDER
: 0
PXSOLID#
EFF2
F9;
WIDTH
: 163
PX;
HEIGHT: 15
PX;
LINE-
HEIGHT: 15
PX;
BACKGROUND
:
URL(../
IMAGES/
INPUT-
BG.
PNG)
TOPLEFT;
COLOR: #000000;
PADDING
: 5
PX5
PX0 5
PX; }
.
INPUT:
FOCUS{
BACKGROUND
:
URL(../
IMAGES/
INPUT-
BG.
PNG)
BOTTOMLEFT; }
.
INPUT:
HOVER{
BACKGROUND
:
URL(../
IMAGES/
INPUT-
BG.
PNG)
BOTTOMLEFT;
}
.
INPUT2 {
BORDER
: 0
PXSOLID#
EFF2
F9;
WIDTH
: 90
PX;
HEIGHT: 22
PX;
LINE-
HEIGHT: 22
PX;
BACKGROUND
:
URL(../
IMAGES/
RIGHT-
INPUTBG.
PNG)
TOPLEFT;
COLOR: #000000;
PADDING
: 0 5
PX0 5
PX; }
.
INPUT2:
FOCUS{
BACKGROUND
:
URL(../
IMAGES/
RIGHT-
INPUTBG.
PNG)
BOTTOMLEFT; }
.
INPUT2:
HOVER{
BACKGROUND
:
URL(../
IMAGES/
RIGHT-
INPUTBG.
PNG)
BOTTOMLEFT;
}
/* --- */
.F
ORMV
IEWT
ABLE{
WIDTH
: 100%;
C
OLOR: #000000;
}
.F
ORMV
IEWT
ABLETD{
VERTICAL
-
ALIGN:
TOP; }
.F
ORMV
IEWT
ABLETD.F
ORMT
ITLE{
TEXT
-
ALIGN:
RIGHT!
IMPORTANT; }
.F
ORMVIEWT
ABLEA.
SORTER{
COLOR
:#
FFFFFF; }
/* --- */
.
TXTA
RA{
DIRECTION
:
RTL;
FONT
-
SIZE: 14
PX;
FONT
-
FAMILY: A
RIAL, V
ERDANA, T
AHOMA; }
.D
ROPDOWN{
FONT
-
SIZE: 14
PX;
FONT
-
FAMILY: A
RIAL; }
/* --- */
.
REQUIRED, .
REQUIREDSPAN{
FONT
-
SIZE: 10
PX;
FONT
-
FAMILY: V
ERDANA, T
AHOMA, A
RIAL;
COLOR
: #FF0000;
} .
TAHOM{
FONT
-
SIZE: 12
PX;
FONT
-
FAMILY: T
AHOMA;
COLOR
:
BLACK; }
.
ERRORMSG {
BACKGROUND
-
COLOR: #
FFFFCC;
BORDER
-
RIGHT: #
FF0000 1
PXSOLID;
BORDER
-
TOP: #
FF0000 1
PXSOLID;
BORDER
-
LEFT: #
FF0000 1
PXSOLID;
COLOR
: #
FF0000;
BORDER
-
BOTTOM: #
FF0000 1
PXSOLID;
DISPLAY
:
BLOCK;
PADDING
: 5
PX5
PX5
PX24
PX;
MARGIN
-
TOP: 5
PX;
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
ERROR.
GIF);
BACKGROUND
-
REPEAT:
NO-
REPEAT;
BACKGROUND
-
POSITION: 5
PXCENTER;
FONT
-
WEIGHT:
BOLD; }
.
INFOMSG {
BACKGROUND
-
COLOR: #
DEFEFF;
BORDER
-
TOP: #000099 1
PXSOLID;
BORDER
-
LEFT: #000099 1
PXSOLID;
COLOR
: #000099;
BORDER
-
BOTTOM: #000099 1
PXSOLID;
DISPLAY
:
BLOCK;
PADDING
: 5
PX5
PX5
PX24
PX;
MARGIN
-
TOP: 5
PX;
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
INFO.
GIF);
BACKGROUND
-
REPEAT:
NO-
REPEAT;
BACKGROUND
-
POSITION: 5
PXCENTER;
FONT
-
WEIGHT:
BOLD; }
/* --- */
.D
ATALIST{
WIDTH
: 100%;
C
OLOR: #333333;
BORDER
: 1
PXSOLID#07B09B;
} .D
ATALISTTH{
COLOR
: #E1F5F3;
BACKGROUND
-
COLOR:
TEAL;
FONT
-
WEIGHT:
BOLD;
TEXT
-
ALIGN:
LEFT;
PADDING
: 5
PX5
PX5
PX5
PX;
BORDER
: 1
PXSOLID#07B09B !
IMPORTANT; }
.D
ATALISTTR.N
ORMALTD{
BACKGROUND
-
COLOR: #E1F5F3!
IMPORTANT;
HEIGHT
: 25
PX; }
.D
ATALISTTR.A
LTERTD{
BACKGROUND
-
COLOR: #E1F5F3!
IMPORTANT;
HEIGHT
: 25
PX; }
TEXTAREA
{
BACKGROUND
: #
FFFFFF;
BORDER
: 1
PXSOLID#032
C5
A;
RESIZE
:
NONE; }
INPUT
,
SELECT{
FONT
-
SIZE: 11
PX;
FONT
-
FAMILY: V
ERDANA, A
RIAL, H
ELVETICA,
SANS-
SERIF; }
/* --- */
.G
RIDV
IEW{
WIDTH
: 100%;
C
OLOR: #333333;
BORDER
: 1
PXSOLID#07B09B;
} .G
RIDV
IEWTH{
BACKGROUND
-
IMAGE:
NONE!
IMPORTANT;
COLOR
: #FFFFFF;
BACKGROUND
-
COLOR:
TEAL;
FONT
-
WEIGHT:
BOLD;
TEXT
-
ALIGN:
LEFT;
PADDING
: 5
PX5
PX5
PX5
PX;
BORDER
: 1
PXSOLID#07B09B !
IMPORTANT; }
.G
RIDV
IEWTHA{
TEXT
-
DECORATION:
NONE;
COLOR
: #FFFFFF!
IMPORTANT; }
.G
RIDV
IEWTHA:
HOVER{
TEXT
-
DECORATION:
UNDERLINE!
IMPORTANT; }
.G
RIDV
IEWTD{
PADDING
-
LEFT: 5
PX!
IMPORTANT;
PADDING
-
RIGHT: 5
PX!
IMPORTANT;
BORDER
: 1
PXSOLID#07B09B!
IMPORTANT; }
.G
RIDV
IEWTR.N
ORMALTD{
BACKGROUND
-
COLOR: #E1F5F3!
IMPORTANT;
HEIGHT
: 25
PX; }
.G
RIDV
IEWTR.A
LTERTD{
BACKGROUND
-
COLOR: #FFFFFF!
IMPORTANT;
HEIGHT
: 25
PX; }
.
CONTACTUS{
TEXT
-
ALIGN:
RIGHT;
WIDTH
:150
PX; }
.
AC_
RESULTS{
BORDER
: 1
PXSOLID#0DAC98;
PADDING
: 0
PX;
BACKGROUND
-
COLOR: #006584;
OVERFLOW
:
HIDDEN;
Z
-
INDEX: 99999;
}
.
AC_
RESULTSUL{
WIDTH
: 100%;
LIST
-
STYLE-
POSITION:
OUTSIDE;
LIST
-
STYLE:
NONE;
PADDING
: 0;
MARGIN
: 0;
} .
AC_
RESULTSLI{
BORDER
-
BOTTOM: 1
PXSOLID#0DAC98;
MARGIN
: 0
PX;
PADDING
: 2
PX5
PX;
CURSOR
:
DEFAULT;
DISPLAY
:
BLOCK; /*
IFWIDTHWILLBE
100%
HORIZONTALSCROLLBARWILLAPEAR WHENSCROLLMODEWILLBEUSED*/
/*
WIDTH: 100%;*/
FONT
:
MENU;
FONT
-
SIZE: 12
PX; /*
ITISVERYIMPORTANT
,
IFLINE-
HEIGHTNOTSETTEDORSETTED INRELATIVEUNITSSCROLLWILLBEBROKENINFIREFOX*/
LINE
-
HEIGHT: 16
PX;
OVERFLOW
:
HIDDEN; }
.
AC_
LOADING{
BACKGROUND
:
WHITEURL('
INDICATOR.
GIF')
RIGHTCENTERNO-
REPEAT; }
.
AC_
ODD{
BACKGROUND
-
COLOR: #006584;
} .
AC_
OVER{
BACKGROUND
-
COLOR: #0A246A;
COLOR
:
WHITE; }
#
FADE{
DISPLAY
:
NONE;
BACKGROUND
: #000;
POSITION
:
FIXED;
LEFT: 0;
TOP: 0;
Z
-
INDEX: 10;
WIDTH
: 100%;
HEIGHT: 100%;
OPACITY
: .80;
Z
-
INDEX: 9999;
} .
POPUP_
BLOCK{
DISPLAY
:
NONE;
BACKGROUND
: #
FFF;
PADDING
: 20
PX;
BORDER
: 20
PXSOLID#
DDD;
FLOAT
:
LEFT;
FONT
-
SIZE: 1.2
EM;
COLOR
:B
LACK;
POSITION
:
FIXED;
TOP
: 50%;
LEFT: 50%;
Z
-
INDEX: 99999;
-
WEBKIT-
BOX-
SHADOW: 0
PX0
PX20
PX#000;
-
MOZ-
BOX-
SHADOW: 0
PX0
PX20
PX#000;
BOX
-
SHADOW: 0
PX0
PX20
PX#000;
-
WEBKIT-
BORDER-
RADIUS: 10
PX; -
MOZ-
BORDER-
RADIUS: 10
PX;
BORDER
-
RADIUS: 10
PX; }
IMG
.
BTN_
CLOSE{
FLOAT
:
RIGHT;
MARGIN
: -55
PX-55
PX0 0;
} .
POPUPP{
PADDING
: 5
PX10
PX;
MARGIN
: 5
PX0;
}
/*--M
AKINGIE6 U
NDERSTANDF
IXEDP
OSITIONING--*/
*
HTML#
FADE{
POSITION
:
ABSOLUTE;
*
HTML.
POPUP_
BLOCK{
POSITION
:
ABSOLUTE; }
INPUT
.
INPUTB
UTTON{
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
A_
BUTTONBG.
JPG);
BORDER
:0
PX;
HEIGHT: 25
PX;
COLOR: #FFFFFF;
WIDTH
: 70
PX;
CURSOR
:
POINTER;
PADDING
: 2
PX;
FONT
-
WEIGHT:
BOLD; }
INPUT
.
INPUTB
UTTON2 {
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
A_
BUTTONBG.
JPG);
BORDER
:0
PX;
HEIGHT: 25
PX;
COLOR: #FFFFFF;
WIDTH
: 130
PX;
CURSOR
:
POINTER;
PADDING
: 2
PX;
FONT
-
WEIGHT:
BOLD; }
INPUT
.
INPUTB
UTTON3 {
BACKGROUND
-
IMAGE:
URL(../
IMAGES/
A_
BUTTONBG.
JPG);
BORDER
:0
PX;
HEIGHT: 25
PX;
COLOR: #FFFFFF;
WIDTH
: 100
PX;
CURSOR
:
POINTER;
PADDING
: 2
PX;
FONT
-
WEIGHT:
BOLD; }
/*****
CAROUSEL******/
#
GALLERY{
POSITION
:
RELATIVE;
WIDTH
: 580
PX;
MARGIN
: 10
PX0 0 0;
BACKGROUND
: #
FFFFFF;
HEIGHT
: 320
PX; -
MOZ-
BORDER-
RADIUS:7
PX; -
WEBKIT-
BORDER-
RADIUS:7
PX; }
#
ROW1 {
POSITION
:
RELATIVE;
MARGIN
: 0 0 0 5
PX; }
.
PANES{
POSITION
:
RELATIVE; }
.
PANE{
POSITION
:
ABSOLUTE;
LEFT
:-5
PX;
WIDTH
: 590
PX;
FONT
-
SIZE: 10
PX;
BACKGROUND
: #
FFFFFF; }
#
CAROUSEL-
BOX{
POSITION
:
RELATIVE;
WIDTH:560
PX;
OVERFLOW
:
HIDDEN;
MARGIN: 0 5
PX0 5
PX;
BORDER
: 10
PXSOLID#
F2
F2
F2;
-
MOZ-
BORDER-
RADIUS:4
PX; -
WEBKIT-
BORDER-
RADIUS:4
PX; }
#
CAROUSEL-
BOX.
PREV{
POSITION
:
ABSOLUTE;
LEFT
:5
PX;
TOP
:100
PX;
Z
-
INDEX:10;
}
#
CAROUSEL-
BOX.
NEXT{
POSITION
:
ABSOLUTE;
RIGHT
:-5
PX;
TOP
:100
PX;
Z
-
INDEX:10;
}
#
CAROUSEL-
BOX.
PREVA, #
CAROUSEL-
BOX.
NEXTA{
CURSOR
:
POINTER; }
.
SCROLLABLE{
POSITION
:
RELATIVE;
FLOAT
:
LEFT;
WIDTH
: 540
PX;
HEIGHT
:240
PX;
MARGIN
: 0 0 0 32
PX;
OVERFLOW
:
HIDDEN; }
.
SCROLLABLE.
ITEMS{
WIDTH
:20000
EM;
POSITION
:
ABSOLUTE; }
.
ITEMSDIV{
FLOAT
:
LEFT;
WIDTH
:540
PX; }
/*
SINGLESCROLLABLEITEM*/
.
SCROLLABLEIMG{
FLOAT
:
LEFT;
MARGIN
:5
PX0 15
PX10
PX;
BACKGROUND
-
COLOR:#
FFFFFF;
PADDING
:2
PX;
BORDER
:1
PXSOLID#
CCC;
WIDTH
:130
PX;
HEIGHT
:90
PX; -
MOZ-
BORDER-
RADIUS:4
PX; -
WEBKIT-
BORDER-
RADIUS:4
PX; }
.
SCROLLABLEA{
CURSOR
:
POINTER; }
/*
ACTIVEITEM*/
.
SCROLLABLE.
ACTIVE{
BORDER
:2
PXSOLID#000;
POSITION
:
RELATIVE;
CURSOR
:
POINTER; }
.
ITEM{
FLOAT
:
LEFT;
WIDTH
:490
PX; }
.
ITEMDIV{
WIDTH
:157
PX;
FLOAT
:
LEFT;
BORDER
:0;
MARGIN
-
RIGHT:14
PX;
POSITION
:
RELATIVE; }
.
BOX{
BACKGROUND
: #
F3
F6
FD;
WIDTH
:100%;
MARGIN
: 10
PX0 10
PX0;
}
.
BOX.
BORDER-
TOP{
BACKGROUND:
URL(../
IMAGES/
BORDER-
TOP.
GIF)
REPEAT-
XLEFTTOP} .
BOX.
BORDER-
BOT{
BACKGROUND:
URL(../
IMAGES/
BORDER-
BOT.
GIF)
REPEAT-
XLEFTBOTTOM} .
BOX.
LEFT-
TOP-
CORNER{
BACKGROUND:
URL(../
IMAGES/
LEFT-
TOP-
CORNER.
GIF)
NO-
REPEATLEFTTOP} .
BOX.
RIGHT-
TOP-
CORNER{
BACKGROUND:
URL(../
IMAGES/
RIGHT-
TOP-
CORNER.
GIF)
NO-
REPEATRIGHTTOP}
.
BOX.
LEFT-
BOT-
CORNER{
BACKGROUND:
URL(../
IMAGES/
LEFT-
BOT-
CORNER.
GIF)
NO-
REPEATLEFTBOTTOM;
MIN-
HEIGHT:220
PX;
HEIGHT:220
PX} .
BOX.
RIGHT-
BOT-
CORNER{
BACKGROUND:
URL(../
IMAGES/
RIGHT-
BOT-
CORNER.
GIF)
NO-
REPEATRIGHTBOTTOM}
.
IMG-
BOX2 {
POSITION:
RELATIVE}
.
IMG-
BOX2 .
ITEMN
AME{
COLOR:#193366;
MARGIN: 10
PX5
PX10
PX5
PX;
HEIGHT: 24
PX;
WIDTH:150
PX;
FONT-
WEIGHT:
BOLD} .
IMG-
BOX2 .
INNER{
PADDING:5
PX0 0 10
PX}
.
IMG-
BOX2 .
INNERD
ATA{
COLOR:#6
A6
A6
A;
MARGIN-
BOTTOM:10
PX;
WIDTH: 140
PX;
HEIGHT:20
PX} .
LINK{
PADDING
:2
PX0 3
PX0;
MARGIN
:0 20
PX0 0;
TEXT
-
ALIGN:
CENTER;
COLOR
: #
FFFFFF;
BACKGROUND
: #6899
F9;
BORDER
: 1
PXSOLIDRED;
}
Dalam dokumen
I. INTRODUCTION 'A ' [1]. . THE [2]. - [3]. 1
(Halaman 139-145)