W3C результати перевірки CSS для http://www.tcm.phy.cam.ac.uk/news/archive.html (CSS3)

Поздоровляємо! Помилок не знайдено.

Цей документ проходить перевірку згідно зі стандартом CSS3 !

Для того, щоб продемонструвати відвідувачам, що ви піклуєтесь про створення коректних сторінок, ви можее розмістити цей знак на будь-якій перевіреній сторінці. Ось код XHTML для розміщення:

Правильний CSS! 
<p>
    <a href="http://css-validator.org/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://css-validator.org/images/vcss.png"
            alt="Правильний CSS!" />
    </a>
</p>
Правильний CSS! 
<p>
<a href="http://css-validator.org/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://css-validator.org/images/vcss-blue.png"
        alt="Правильний CSS!" />
</a>
</p>

(закрийте тег img, використовуючи > замість />, якщо використовуєте HTML <= 4.01)

Якщо хочете, то можете завантажити копію зображення для зберігання безпосередньо на сайті й змінити наведений вище код XHTML, щоб послатися на локальну версію.

Якщо Ви бажаєте створити посилання на цю сторінку (тобто, на результати цієї перевірки) для полегшення подальших перевірок вами або іншими людьми, то скористайтеся наступним URI: 

http://css-validator.org/validator?lang=uk&profile=css3&uri=http%3A%2F%2Fwww.tcm.phy.cam.ac.uk%2Fnews%2Farchive.html
or
http://css-validator.org/check/referer (лише для документів HTML/XML)

(Або можее просто додати цю сторінку до закладок.)

↑ Наверх

Попередження (6)

URI : http://www.tcm.phy.cam.ac.uk/news/archive.html

3 can't find the warning message for style-type
194 Властивість% s є невідомим розширенням
195 Властивість% s є невідомим розширенням
196 Властивість% s є невідомим розширенням
197 Властивість% s є невідомим розширенням
242 can't find the warning message for style-type

↑ Наверх

Інформація про коректний CSS

body {
background-color : #888;
}
@media print {
.printerremoval {
display : none;
}
}
@media screen and (min-width : 545px) {
.column {
width : 45%;
margin : 0% 3% 0% 0%;
display : inline-block;
vertical-align : top;
}
.thin_column {
width : 33%;
display : inline-block;
vertical-align : top;
}
.english {
width : 40%;
padding : 0 8px;
margin : 0 0 8px 8px;
}
.show_when_narrow {
display : none;
}
}
@media screen and (max-width : 544px) {
.column {
width : 96%;
margin : 2% 2% 2% 2%;
display : inline-block;
}
.thin_column {
width : 96%;
margin : 2% 2% 2% 2%;
display : inline-block;
}
.show_when_wide {
display : none;
}
.english {
width : 100%;
}
}
.person {
display : inline-block;
width : 200px;
height : 300px;
overflow : hidden;
text-align : center;
margin-top : 20px;
margin-bottom : 10px;
position : relative;
vertical-align : top;
}
.person img {
height : 200px;
display : block;
margin : 0 auto;
}
.person_container {
width : 140px;
position : relative;
height : 200px;
overflow : hidden;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 8px;
box-shadow : 0 0 10px #aaaaaa ;
}
.person_centerer {
width : 500px;
position : absolute;
left : 50%;
top : 0;
margin-left : -250px;
}
div.group_members {
width : 240px;
display : inline-block;
}
ul.group_list {
list-style-type : none;
padding : 0;
}
ul.group_list li {
padding : 0;
}
div.profile_details {
display : inline-block;
width : 490px;
overflow : hidden;
}
@media screen and (max-width : 1000px) {
div.group_members {
width : auto;
display : block;
clear : both;
text-align : left;
}
div.profile_details {
width : auto;
display : block;
overflow : hidden;
}
ul.group_list li {
display : inline;
}
ul.group_list li:after {
content : ', ';
}
ul.group_list li:nth-last-child(2):after {
content : ' and ';
}
ul.group_list li:last-child:after {
content : '.';
}
}
div.profile_details p {
margin : 9px;
}
div.group_members {
clear : both;
}
div.group_members p {
margin-bottom : 8px;
}
div.profile_top {
width : 100%;
clear : both;
}
img.rimg {
width : 40%;
padding : 4px;
}
@media screen and (min-width : 460px) {
div.person_image img {
width : 230px;
margin-top : 8px;
margin-bottom : 8px;
}
div.person_image {
float : left;
display : block;
}
div.profile_details {
padding : 0;
margin : 0 0 0 0;
vertical-align : top;
text-align : left;
}
div.profile_details p {
margin-right : 0;
margin-bottom : 0;
margin-top : 9px;
margin-left : 3%;
}
div.profile_top {
text-align : left;
}
}
@media screen and (max-width : 459px) {
div.person_image img {
float : none;
display : inline-block;
margin : 8px 0;
width : 280px;
}
div.profile_details {
display : inline-block;
}
div.profile_details {
text-align : left;
}
div.profile_top {
text-align : center;
}
}
div.prof_featured ul {
list-style : none;
margin : 8px;
padding : 0;
}
div.prof_featured span.pubs_title {
font-weight : bold;
}
div.prof_featured span.pubs_vol {
font-weight : bold;
}
.fullwidthcontent {
padding : 8px;
}
p.title {
margin : 0;
}
.english {
float : right;
background-color : #dddddd;
}
div.english > p {
padding-left : 8px;
padding-right : 8px;
}
.horizontal_divider {
background-color : #888;
margin-left : -8px;
margin-right : -8px;
padding-left : 8px;
padding-right : 8px;
border-top : 8px solid white;
border-bottom : 8px solid white;
margin-bottom : 8px;
width : 100%;
height : 10px;
clear : both;
}
div.main {
background : white;
padding : 0;
border : 0;
}
div.footer {
padding : 0 0 0 0;
margin : 0;
border : 0;
}
div.uoc {
padding : 8px 10px 0 50px;
}
div#Cantab1 {
border-width : 0;
height : 39px;
vertical-align : middle;
}
div#TCMtab {
width : 200px;
height : 10px;
}
@media all and (max-width : 1000px) {
div.footer {
padding : 0 0 0 0;
}
div.uoc {
padding : 8px 10px 0 5%;
}
}
@media all and (max-width : 550px) {
div.footer {
padding : 0;
}
}
@media all and (max-width : 850px) {
a#cav:before {
content : "Cavendish Lab";
}
div#TCMtab {
width : 130px;
height : 6px;
}
}
ul li {
padding : 4px 0 4px 0;
}
span.uld, ul.drop a {
display : block;
color : black;
text-decoration : none;
padding : 5px 10px;
}
span.uld:hover, ul.drop a:hover {
color : #fff;
}
ul.drop, ul.drop li, ul.drop ul {
list-style : none;
margin : 0;
padding : 0;
background : #dddddd;
color : black;
}
ul.drop {
position : relative;
z-index : 500;
float : left;
}
ul.drop li {
float : left;
line-height : 1.3em;
vertical-align : middle;
background : #dddddd;
padding : 0;
}
ul.drop li.hover, ul.drop li:hover {
cursor : default;
position : relative;
background : #900;
color : #fff;
}
ul.drop ul {
visibility : hidden;
position : absolute;
top : 100%;
left : 0;
}
ul.drop ul li {
float : none;
background : #e0b0b0;
}
ul.drop li:hover > ul {
visibility : visible;
}
div.reflow {
width : 100%;
height : 0;
}
.tab-link:hover {
background : #900;
color : #fff;
}
figure.subfigure {
width : 33%;
min-width : 240px;
float : right;
margin : 10px 10px;
background-color : #ffffff;
}
@media screen and (max-width : 480px) {
figure.subfigure {
width : 100%;
float : none;
margin : 0 0;
background-color : #ffffff;
}
}
figure.subfigureleft {
width : 33%;
min-width : 240px;
float : left;
margin : 10px 10px;
background-color : #ffffff;
}
@media screen and (max-width : 480px) {
figure.subfigureleft {
width : 100%;
float : none;
margin : 0 0;
background-color : #ffffff;
}
}
figcaption {
font-family : arial, Gadget, sans-serif;
color : #666666;
font-size : 14px;
text-align : justify;
}
a#privacy:link {
color : #cccccc;
text-decoration : none;
}
a#privacy:visited {
color : #ff9090;
text-decoration : none;
}
a#privacy:hover {
color : #ff9090;
text-decoration : none;
}
a#privacy:active {
color : #ff9090;
text-decoration : none;
}
a:link {
text-decoration : none;
color : #b80000;
}
a:visited {
text-decoration : none;
color : #b80000;
}
a.white:link {
color : white;
}
a.white:visited {
color : white;
}
h1 {
font-size : 22pt;
text-align : center;
font-weight : normal;
color : #ffffff;
text-shadow : black 3px 0, black -3px 0, black 0 3px, black 0 -3px, black 5px 0, black -5px 0, black 0 5px, black 0 -5px, black 2px 2px, black -2px -2px, black 4px 4px, black -4px -4px, black 2px -2px, black -2px 2px, black 4px -4px, black -4px 4px;
position : absolute;
top : 20px;
left : 108px;
right : 0;
line-height : 1;
padding : 0;
margin : 0;
}
h1 a:visited, h1 a, h1 a:link {
color : #ffffff;
}
h1 {
display : inline-block;
min-width : 177px;
width : 860px;
max-width : 50%;
text-align : center;
margin : 0 auto;
}
@media print {
h1 {
display : none;
}
}
p.footer {
padding : 0 0 0 0;
margin : 0;
border : 0;
color : #bbbbbb;
}
div.footer a:hover {
color : #ffffff;
}
div.footer a {
color : #bbbbbb;
}
div.pop_out {
display : inline-block;
border : 1px solid #c0c0c0;
padding : 10px;
margin : 5px 5px 10px;
background : #f3f3f3;
box-shadow : 2px 2px 6px #808080 ;
}
div.modified {
width : 100px;
height : 16px;
font-size : 12px;
padding-left : 3px;
border : 0;
}
.f_res {
max-width : 40%;
float : right;
}
.f_res > img {
max-width : 80%;
margin : 10px auto;
display : block;
}
.video-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
div.news_year {
text-align : center;
}
h2 {
font-size : 2em;
}
div.news_item {
width : 47%;
padding : 6px;
display : inline-block;
vertical-align : top;
text-align : left;
}
@media screen and (max-width : 545px) {
div.news_item {
width : 100%;
}
}

↑ Наверх