Validátor výsledků W3C CSS http://www.tcm.phy.cam.ac.uk (CSS level 3)

Blahopřejeme! Chyby nenalezeny!

Tento dokument ověřuje jako CSS level 3 !

Abyste svým čtenářům ukázali, že se snažíte vytvořit vzájemně spolupracující webovou stránku, můžete tuto ikonu zobrazit na kterékoli stránce, která se ověřuje. Zde je XHTML, kterou můžete použít, abyste tuto ikonu přidali na svou webovou stránku:

Ověřit 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="Ověřit CSS!" />
    </a>
</p>
Ověřit 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="Ověřit CSS!" />
</a>
</p>

(zavřít tag obrázku s > místo /> při použití HTML <= 4.01)

Chcete-li můžete si stáhnout kopii tohoto obrázku, který se zobrazí na vašem místním webovém adresáři a změnit fragment XHTML na odkaz na váš obrázek než na ten na tomto serveru.

Chcete-li vytvořit odkaz na tuto stránku (tj. tento výsledek ověření ) znovuověření této stránky v budoucnosti nebo umožněte ostatním ověřit vaši stránku, URI je: 

http://css-validator.org/validator?lang=cs&profile=css3&uri=http%3A%2F%2Fwww.tcm.phy.cam.ac.uk
or
http://css-validator.org/check/referer (pouze pro dokument HTML/XML)

(Nebo stačí, když přidáte aktuální stránku do záložky nebo do oblíbených.)

↑ Nahoru

Varování (6)

URI : http://www.tcm.phy.cam.ac.uk

3 can't find the warning message for style-type
194 can't find the warning message for vendor-extension
195 can't find the warning message for vendor-extension
196 can't find the warning message for vendor-extension
197 can't find the warning message for vendor-extension
244 can't find the warning message for style-type

↑ Nahoru

Platná informace 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;
}
div.talklist_entry {
margin-left : 0;
}
div.talklist_entry img {
display : none;
}
div.talklist_date {
font-weight : 600;
}
div.talklist_details {
display : none;
}
div.talklist_header {
margin-left : 2px;
font-style : italic;
}
div.talklist_details {
margin-left : 2px;
}
@media screen and (min-width : 800px) {
div.talklist_details {
font-size : 12px;
}
}
p.talks {
display : none;
}
ul.std_pub_fmt {
list-style : none;
padding : 0;
margin : 0;
font-size : 14px;
}
ul.std_pub_fmt li {
border-bottom : 1px solid black;
margin-bottom : 14px;
}
ul.std_pub_fmt a {
display : block;
}
span.pub_title {
font-weight : bold;
display : block;
}
div.index h1, div.index p, p.location a, p.series a {
display : none;
}
div.vevent p, div.vevent h2 {
font-size : 14px;
display : block;
}
div.vevent img {
display : none;
}
#tellafriend {
display : none;
}
div.vevent p.location {
display : none;
}
div.vevent p.series {
display : none;
}
div.vevent h2 {
border-top : 1px solid black;
}
div.vevent p {
margin-top : 0;
margin-bottom : 0;
}
div.vevent h2 {
padding-top : 6px;
margin-bottom : 4px;
}
@media screen and (min-width : 771px) {
.dcol {
width : 70%;
}
.pcol {
display : inline-block;
}
.pbottom {
display : none;
}
}
@media screen and (max-width : 770px) {
.dcol {
width : 100%;
}
.pcol {
display : none;
}
.pbottom {
display : block;
width : 98%;
padding : 0% 1%;
}
.himg {
float : right;
}
}
@media screen and (min-width : 545px) {
.ncol {
float : left;
width : 60%;
}
.tcol {
display : inline-block;
width : 38%;
margin-left : 1.5%;
}
.theight {
height : 470px;
}
}
@media screen and (max-width : 544px) {
.ncol {
float : none;
}
.tcol {
display : block;
margin-top : 5px;
}
.theight {
height : 320px;
}
}
p {
margin : 8px 0;
}

↑ Nahoru