Файл: Разработка сайта кинотеатра «Мороз».pdf

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 28.03.2023

Просмотров: 204

Скачиваний: 2

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

width: 210px;

position: absolute;

top: 47px;

right: 0;

}

form.searching fieldset {

border: 0;

}

form.searching input.search {

letter-spacing: 1px;

float: left;

padding: 2px 0 2px 6px;

width: 139px;

border: 1px solid gray;

}

form.searching input.hledat {

letter-spacing: 1px;

padding-left: 0;

margin-left: 4px;

font-weight: bold;

color: #FFFFFF;

float: left;

}

form.searching label {

display: none;

}

/* Menu */

#menu-box {background: #4A4A4A url('../img/menu-bg.gif') repeat-x 0 0;

border-bottom: 3px solid black;

}

#menu {

width: 950px;

margin: 0 auto;

}

#menu li {

display: inline;

list-style-type: none;

text-align: center;

}

#menu li.first a {

margin-left: 1.6em;

display: inline

}

#menu li a {

float: left;

color: #FFFFFF;

font-weight: bold;

font-size: 1.1em;

display: block;

padding: 0.9em 1.4em 0.7em 1.4em;

}

#menu li a:hover, #menu li a.active {

color: #000000;

background-color: #D0F500;

font-weight: bold;

font-size: 1.1em;

}

/* Content box */

#content {

background: #FFFFFF url('../img/content-bg.gif') repeat-x 0 0;

min-height: 624px;

}

#content-box {

width: 950px;

margin: 0 auto;

background-color: #FFFFFF;

text-align: left;

border-right: 1px solid #B0B0B0;

border-left: 1px solid #B0B0B0;

padding-bottom: 80px;

min-height: 544px;

}

#content-box-in-left {

width: 70%;

float: left;

background-color: #FFFFFF;

}

#content-box-in-left-in {

margin: 1.8em 1em 7em 1.8em;

}

#content-box-in-right {

width: 29%;

float: right;

background-color: #FFFFFF;

}

#content-box-in-right h3 {

border: 0;

background-color: #252525;

color: #FFFFFF;

padding: 3px 0 4px 10px;

font-size: 1.3em;

}

#content-box-in-right-in {

margin: 1.8em 0 7em 1.5em;

}

#content-box-in-right-in dl {

margin: 0 0 40px 2px;

}

#content-box-in-right-in dt {

margin-bottom: 3px;

font-weight: bold;

background-color: #E2F5FF;

color: #002C4E;

line-height: 140%;

padding: 1px 0 1px 5px;

}

#content-box-in-right-in dd {

margin: 0 5px 18px 2px;

line-height: 140%;

}

/* Table */

table {

font-size: 1.1em;

border-collapse: collapse;

border: 2px solid #004C87;

margin: 15px 0 20px 0;

table-layout: fixed;

width: 90%;

}

th, td {

padding: 3px 13px;

border: 1px solid #004C87;

}

th {

text-align: right;

font-weight: bold;

}

td {

text-align: right;

}

.first-row {

background: #F4FF7C;

}

.first-row th {

text-align: center;

font-weight: bold;

border-bottom: 2px solid #004C87;

}

.first-column {

background: #FFD162;

border-right: 1px solid #004C87;

}

.last-column {

background-color: #FFD162;

border-left: 1px solid #004C87;

}

#footer {

width: 100%;

height: 60px;

background: #004A75 url('../img/footer-bg.gif') repeat-x 0 0;

position: absolute;

bottom: 0;

left: 0;

}

#footer-in {

width: 950px;

margin: 0 auto;

}

p.footer-left {

float: left;

width: 450px;

color: #FFFFFF;

text-align: left;

margin: 9px 0 0 15px;

display: inline;

}

p.footer-left a, p.footer-left a:visited {

color: #FFFFFF;

padding: 1px 2px;

}

p.footer-left a:hover {

background-color: #FFFFFF;

color: #006497;

}

p.footer-right {

float: right;

width: 450px;

color: #FFFFFF;

text-align: right;

margin: 9px 15px 0 0;

display: inline;

}

p.footer-right a, p.footer-right a:visited {

color: #FFFFFF;

padding: 1px 2px;

}

p.footer-right a:hover {

background-color: #FFFFFF;