545 строки
10 KiB
CSS
545 строки
10 KiB
CSS
/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
|
|
html {
|
|
font-family: sans-serif;
|
|
line-height: 1.15;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
}
|
|
article,
|
|
aside,
|
|
footer,
|
|
header,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0;
|
|
}
|
|
figcaption,
|
|
figure,
|
|
main {
|
|
display: block;
|
|
}
|
|
figure {
|
|
margin: 1em 40px;
|
|
}
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
overflow: visible;
|
|
}
|
|
pre {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em;
|
|
}
|
|
a {
|
|
background-color: transparent;
|
|
-webkit-text-decoration-skip: objects;
|
|
}
|
|
a:active,
|
|
a:hover {
|
|
outline-width: 0;
|
|
}
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
text-decoration: underline;
|
|
text-decoration: underline dotted;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: inherit;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em;
|
|
}
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
mark {
|
|
background-color: #ff0;
|
|
color: #000;
|
|
}
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
audio,
|
|
video {
|
|
display: inline-block;
|
|
}
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
img {
|
|
border-style: none;
|
|
}
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: sans-serif;
|
|
font-size: 100%;
|
|
line-height: 1.15;
|
|
margin: 0;
|
|
}
|
|
button,
|
|
input {
|
|
overflow: visible;
|
|
}
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
button,
|
|
html [type="button"],
|
|
[type="reset"],
|
|
[type="submit"] {
|
|
-webkit-appearance: button;
|
|
}
|
|
button::-moz-focus-inner,
|
|
[type="button"]::-moz-focus-inner,
|
|
[type="reset"]::-moz-focus-inner,
|
|
[type="submit"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
button:-moz-focusring,
|
|
[type="button"]:-moz-focusring,
|
|
[type="reset"]:-moz-focusring,
|
|
[type="submit"]:-moz-focusring {
|
|
outline: 1px dotted ButtonText;
|
|
}
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
legend {
|
|
box-sizing: border-box;
|
|
color: inherit;
|
|
display: table;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
white-space: normal;
|
|
}
|
|
progress {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
[type="checkbox"],
|
|
[type="radio"] {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
[type="number"]::-webkit-inner-spin-button,
|
|
[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
outline-offset: -2px;
|
|
}
|
|
[type="search"]::-webkit-search-cancel-button,
|
|
[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
font: inherit;
|
|
}
|
|
details,
|
|
menu {
|
|
display: block;
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
canvas {
|
|
display: inline-block;
|
|
}
|
|
template {
|
|
display: none;
|
|
}
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
/** sprite */
|
|
/** ptest css */
|
|
body {
|
|
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
|
|
font-size: 16px;
|
|
min-width: 320px;
|
|
}
|
|
a {
|
|
color: #0063ff;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid rgba(0,99,255,0.3);
|
|
}
|
|
a:visited {
|
|
color: #cf00cf;
|
|
border-bottom-color: rgba(207,0,207,0.3);
|
|
}
|
|
a:hover,
|
|
a:visited:hover {
|
|
color: #ff475d;
|
|
border-bottom-color: rgba(255,71,93,0.24);
|
|
}
|
|
a.to-front {
|
|
border-bottom: 0 none;
|
|
display: block;
|
|
margin-top: -5px;
|
|
margin-bottom: 2em;
|
|
line-height: 1;
|
|
}
|
|
a.to-front:visited {
|
|
color: #0063ff;
|
|
}
|
|
a.to-front:hover,
|
|
a.to-front:visited:hover {
|
|
color: #ff475d;
|
|
}
|
|
.page__container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
.header {
|
|
padding: 30px;
|
|
background: #ffcc56;
|
|
background: -moz-repeating-linear-gradient(178deg, rgba(255,204,86,0.5) 8px, rgba(255,140,0,0.5) 18px);
|
|
background: -webkit-repeating-linear-gradient(178deg, rgba(255,204,86,0.5) 8px, rgba(255,140,0,0.5) 18px);
|
|
background: repeating-linear-gradient(178deg, rgba(255,204,86,0.5) 8px, rgba(255,140,0,0.5) 18px);
|
|
-moz-box-shadow: 2px 3px 15px #eb4 inset;
|
|
-webkit-box-shadow: 2px 3px 15px #eb4 inset;
|
|
box-shadow: 2px 3px 15px #eb4 inset;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-o-border-radius: 2px;
|
|
-ms-border-radius: 2px;
|
|
-khtml-border-radius: 2px;
|
|
border-radius: 2px;
|
|
margin-top: 30px;
|
|
margin-bottom: 60px;
|
|
text-align: center;
|
|
}
|
|
.header__title {
|
|
line-height: 1;
|
|
margin: 0;
|
|
font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
|
|
font-style: italic;
|
|
text-shadow: 1px 1px 1px #a76f19;
|
|
font-size: 52px;
|
|
}
|
|
.page-title {
|
|
padding-bottom: 35px;
|
|
}
|
|
.content {
|
|
padding-bottom: 76px;
|
|
}
|
|
.content p {
|
|
margin: 26px 0;
|
|
line-height: 24px;
|
|
}
|
|
.add-link {
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
.add-link__a {
|
|
border: 1px solid rgba(0,99,255,0.3) !important;
|
|
padding: 7px 14px;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-o-border-radius: 3px;
|
|
-ms-border-radius: 3px;
|
|
-khtml-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.add-link__a:visited {
|
|
color: #0063ff;
|
|
}
|
|
.add-link__a:hover {
|
|
border: 1px solid rgba(255,71,93,0.24) !important;
|
|
}
|
|
.sort {
|
|
display: table-row;
|
|
}
|
|
.sort__cell {
|
|
display: table-cell;
|
|
}
|
|
.sort__cell+.sort__cell {
|
|
padding-left: 9px;
|
|
}
|
|
.sort__cell>a {
|
|
border-bottom: 0 none;
|
|
line-height: 1;
|
|
}
|
|
.sort__cell>a:visited {
|
|
color: #0063ff;
|
|
}
|
|
.sort__cell>a:hover,
|
|
.sort__cell>a:visited:hover {
|
|
color: #ff475d;
|
|
}
|
|
article+article {
|
|
margin-top: 64px;
|
|
}
|
|
.pager {
|
|
margin-top: 50px;
|
|
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
|
|
line-height: 40px;
|
|
font-size: 20px;
|
|
}
|
|
.pager__page {
|
|
display: inline-block;
|
|
}
|
|
.pager__page--current {
|
|
cursor: default;
|
|
}
|
|
.pager__page>a {
|
|
border-bottom: none;
|
|
color: #000;
|
|
padding: 8px 12px;
|
|
-webkit-border-radius: 35px;
|
|
-moz-border-radius: 35px;
|
|
-o-border-radius: 35px;
|
|
-ms-border-radius: 35px;
|
|
-khtml-border-radius: 35px;
|
|
border-radius: 35px;
|
|
}
|
|
.pager__page>a:hover {
|
|
color: #000;
|
|
background-color: rgba(255,71,93,0.24);
|
|
}
|
|
.pager__page>span {
|
|
background-color: rgba(222,173,111,0.5);
|
|
padding: 8px 12px;
|
|
-webkit-border-radius: 35px;
|
|
-moz-border-radius: 35px;
|
|
-o-border-radius: 35px;
|
|
-ms-border-radius: 35px;
|
|
-khtml-border-radius: 35px;
|
|
border-radius: 35px;
|
|
}
|
|
.pager__page--string:first-child {
|
|
margin-right: 10px;
|
|
}
|
|
.pager__page--string:last-child {
|
|
margin-left: 9px;
|
|
}
|
|
.pager__page--string>a {
|
|
padding: 8px 0;
|
|
}
|
|
.pager__page--string>a:hover {
|
|
background-color: transparent;
|
|
}
|
|
.footer {
|
|
border-top: 1px solid #dead6f;
|
|
padding-top: 24px;
|
|
font-size: 85%;
|
|
color: #232425;
|
|
padding-bottom: 40px;
|
|
}
|
|
#CAPTCHA > img {
|
|
width: 160px;
|
|
height: 60px;
|
|
clear: both;
|
|
display: block;
|
|
margin-bottom: 6px;
|
|
}
|
|
form {
|
|
width: 320px;
|
|
}
|
|
.form-element {
|
|
margin: 0 -8px 10px -8px;
|
|
padding: 6px 8px;
|
|
}
|
|
.form-element--error {
|
|
background: #fee;
|
|
background: -moz-repeating-linear-gradient(-45deg, transparent 0px, transparent 11px, rgba(255,0,0,0.2) 12px), -moz-repeating-linear-gradient(45deg, transparent 0px, transparent 11px, rgba(255,0,0,0.2) 12px);
|
|
background: -webkit-repeating-linear-gradient(-45deg, transparent 0px, transparent 11px, rgba(255,0,0,0.2) 12px), -webkit-repeating-linear-gradient(45deg, transparent 0px, transparent 11px, rgba(255,0,0,0.2) 12px);
|
|
background: repeating-linear-gradient(-45deg, transparent 0px, transparent 11px, rgba(255,0,0,0.2) 12px), repeating-linear-gradient(45deg, transparent 0px, transparent 11px, rgba(255,0,0,0.2) 12px);
|
|
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
font-weight: 700;
|
|
color: #111;
|
|
}
|
|
.form-element__input,
|
|
.form-element__textarea {
|
|
width: 100%;
|
|
outline: none;
|
|
border: 0 none;
|
|
border-bottom: 2px solid rgba(0,99,255,0.3);
|
|
-webkit-transition: border-bottom 0.15s ease-out 0s;
|
|
-moz-transition: border-bottom 0.15s ease-out 0s;
|
|
-o-transition: border-bottom 0.15s ease-out 0s;
|
|
transition: border-bottom 0.15s ease-out 0s;
|
|
padding: 4px 0;
|
|
}
|
|
.form-element__input:focus,
|
|
.form-element__textarea:focus {
|
|
border-bottom: 2px solid rgba(255,71,93,0.24);
|
|
}
|
|
.form-element__submit {
|
|
color: #0063ff;
|
|
border: 1px solid rgba(0,99,255,0.3);
|
|
padding: 7px 14px;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-o-border-radius: 3px;
|
|
-ms-border-radius: 3px;
|
|
-khtml-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
}
|
|
.form-element__submit:hover {
|
|
color: #ff475d;
|
|
border: 1px solid rgba(255,71,93,0.24);
|
|
}
|
|
.i-user {
|
|
background-image: url("/image/sprite.png");
|
|
background-size: 56px 56px;
|
|
background-position: -2px -2px;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-bottom: -6px;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
margin-left: 1em;
|
|
}
|
|
.i-homepage {
|
|
background-image: url("/image/sprite.png");
|
|
background-size: 56px 56px;
|
|
background-position: -30px -30px;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-bottom: -6px;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
.i-date {
|
|
background-image: url("/image/sprite.png");
|
|
background-size: 56px 56px;
|
|
background-position: -30px -2px;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-bottom: -6px;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
.i-email {
|
|
background-image: url("/image/sprite.png");
|
|
background-size: 56px 56px;
|
|
background-position: -2px -30px;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-bottom: -6px;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
@media only screen and (max-width: 829px) {
|
|
.page__container {
|
|
max-width: auto;
|
|
width: 100%;
|
|
}
|
|
.header {
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
margin-top: 0;
|
|
}
|
|
.content {
|
|
width: 90%;
|
|
margin: auto;
|
|
}
|
|
.footer {
|
|
padding-left: 5%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 500px) {
|
|
.header {
|
|
padding: 20px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.header__title {
|
|
font-size: 32px;
|
|
}
|
|
.page-title {
|
|
font-size: 1.35em;
|
|
}
|
|
article header h2+span {
|
|
display: block;
|
|
}
|
|
.i-user {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 424px) {
|
|
.sort {
|
|
margin-left: -9px;
|
|
}
|
|
.sort__cell:first-child {
|
|
display: none;
|
|
}
|
|
.sort__cell:nth-child(2) {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 559px) {
|
|
.pager {
|
|
font-size: 16px;
|
|
line-height: 36px;
|
|
}
|
|
.pager__page>a {
|
|
padding: 5px 8px;
|
|
}
|
|
.pager__page>span {
|
|
padding: 5px 8px;
|
|
}
|
|
.pager__page--string:first-child {
|
|
margin-right: 0;
|
|
}
|
|
.pager__page--string:last-child {
|
|
margin-left: 0;
|
|
}
|
|
.pager__page--string>a {
|
|
padding: 8px 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 374px) {
|
|
form {
|
|
width: 100%;
|
|
}
|
|
}
|