styles.css - master - al.anatolyev/web4stud

styles.css
147 строк2 KB
aag
19 май 2026, 12:36
19 май 2026, 12:361775bad
/* by elements*/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #f9f9f9;
	margin: 0;
	padding: 20px;
	color: #333;
}

article { background-color: white;}
header, footer {background-color: #ecf0f1; text-transform: uppercase;}
header a, footer a {line-height: 3em; color: #2c3e50; }

footer {border-top: solid 1px grey; margin: 2em auto; line-height: 6em; }

h1, h2, h3, h4 {
	color: #2c3e50;
	margin-top: 1.5em;
	font-family: serif;
}

h1 {
	font-size: 2em;
	text-align: left;
	border-bottom: 2px solid #2c3e50;
	text-transform: uppercase;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
	padding-bottom: 6px;
}

h3 {
	font-size: 1.2em;
	margin-left: 0px;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}


p, li, .note {
	font-size: 16px;
	line-height: 130%;
	hyphens: auto; /*автоматический перенос*/
}


p {text-align: justify;}
small {font-size: .9em;}

ul, ol { padding-left: 40px; }

li {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 15px;
}

th, td {
	border: 1px solid #aaa;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}

th {
	background-color: #ecf0f1;
	font-weight: bold;
}
tr:nth-child(even) {background-color: #ecf0f1 ;}

pre, code {
	font-family: monospace;
	font-size: .9em;
}

figure {text-align: center; background-color: white !important; }
figure img {width: 60%; }

b {color: red;} /* deadline dates */

/* by classname*/
.container {
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding: 40px 50px;
	border: 1px solid #ddd;
}

.criteria-table {
	background-color: #f8f9fa;
}


.important-block {
	background-color: #f2f7fc;
	border-left: 5px solid #2980b9;
	padding: 15px 20px;
	margin: 20px 0;
	font-size: 15px;
}

.listing {font-style: italic; margin-top: 2em;}

.extras {
	border-top: solid 4px #BFBFBF;
}


/* by ID*/
#outline * {font-size: small; padding: 0;}
#outline .heading_H2 {margin: 5px 0; }
#outline .heading_H3 {margin: 5px 25px; }
#outline .heading_H4 {margin: 5px 50px; }

/* ready to print */
@media print {
	body {
	  font-family: 'Times New Roman', Times, serif;
	}

	h1, h2, h3, h4 {
	  font-family: Arial, Tahoma, Verdana, sans-serif;
	}
	a {text-decoration: none; }
	.container {
	   max-width: 100%;
	   margin: 0 auto;
	   box-shadow: none;
	   padding: 10px;
	   border: none;
	}
	header, #outline, footer {display: none;}
}