Приложение в

(справочное)

Код style.Css документа

p.a1{text-align: center;

font-size: 20px;

font-weight: bold;}

p.a2{

text-align: center;

font-size: 20px;

font-weight: bold;}

p.a3{

text-align: center; }

.s {

text-align:left;

color: #ffffff;

font-weight: bold;

font-family:fantasy;

font-size: 50px;

line-height:1;

text-transform: uppercase;}

s1{

font-weight: bold;

font-size: 14px;

line-height:2;}

.s2{

text-align: justify;

text-indent: 20px;}

Приложение г

(справочное)

Код menu.Css документа

#nav {

margin:0;

border:1px solid #666666;

border-radius:2px;

-moz-border-radius:2px;

-webkit-border-radius:2px;

box-shadow:1px 1px 4px #666666; }

#nav, #nav ul {

list-style:none;

padding:0;

width:209px; }

#nav ul {

position:relative;

z-index:-1; }

#nav li {

position:relative;

z-index:100; }

#nav li a {

background-color: #6495ED;

color:#fff;

border-bottom:1px solid #ccc;

display:block;

font-size:20px;

line-height:30px;

outline:0;

padding-left:15px;

text-decoration: none; }

Окончание приложения Г

#nav li a + img {

cursor: pointer;

display: none;

width: 200px;

height: 28px;

left: 0;

position: absolute;

top:0; }

#nav li a:hover {

background-color:#bcbdc1; }

#nav ul li a {

background-color:#d9e0e6;

border-bottom:1px solid #ccc;

color:#000;

font-size:12px;

line-height:22px; }

#nav ul li a:hover {

background-color:#ddd;

color: #993300;}

Приложение д

(справочное)

Код wrem.Css документа

.clock {width:200px; border:1px solid #333; color:#fff; list-style:none; text-align:center; display:inline;}

#Date { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:center; text-shadow:0 0 5px #00c6ff; }

.clock ul { width:150px; margin:0 auto; padding:0px; list-style:none; text-align:center; }

.clock ul li { display:inline; font-size:15; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:5px; padding-right:5px; }

@-webkit-keyframes mymove

{

0% {opacity:1.0; text-shadow:0 0 18px #00c6ff;}

50% {opacity:0; text-shadow:none; }

100% {opacity:1.0; text-shadow:0 0 18px #00c6ff; }

}

@-moz-keyframes mymove

{

0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}

50% {opacity:0; text-shadow:none; }

100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }

}

Приложение е

(справочное)

Код galereya.Css документа

.gallery a img{

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

transition: all 1.0s ease;

-webkit-box-shadow: 0px 2px 4px 1px #DFDFDF;

-moz-box-shadow: 0px 2px 4px 1px #DFDFDF;

box-shadow: 0px 2px 4px 1px #DFDFDF;

margin-right:5px;

padding:10px;

display:inline-block;

height:100px; }

.gallery a img:hover{

-moz-opacity: 1;

opacity: 1;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);}

.gallery a:focus img{

position: relative;

height:380px;

cursor: pointer;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

transition: all 1.0s ease;

Окончание приложения Е

-webkit-box-shadow: 0px 4px 4px 1px #DFDFDF;

-moz-box-shadow: 0px 4px 4px 1px #DFDFDF;

box-shadow: 0px 4px 4px 1px #DFDFDF;}

.gallery a{

outline:0; border:0;}