CSS 検証サービス検証結果 http://www.tcm.phy.cam.ac.uk/events/esdg.html (CSS レベル 3)

エラー: 以下のエラーが見つかりました。 (12)

URI : http://www.tcm.phy.cam.ac.uk/events/esdg.html

498 次のプロパティが正しくありません : display flex は display で利用できる値ではありません : flex flex
498 プロパティ justify-content は存在しません : center center
685 次のプロパティが正しくありません : display flex は display で利用できる値ではありません : flex flex
685 プロパティ justify-content は存在しません : center center
906 次のプロパティが正しくありません : display flex は display で利用できる値ではありません : flex flex
906 プロパティ justify-content は存在しません : center center
1026 次のプロパティが正しくありません : display flex は display で利用できる値ではありません : flex flex
1026 プロパティ justify-content は存在しません : center center
1145 次のプロパティが正しくありません : display flex は display で利用できる値ではありません : flex flex
1145 プロパティ justify-content は存在しません : center center
1342 次のプロパティが正しくありません : display flex は display で利用できる値ではありません : flex flex
1342 プロパティ justify-content は存在しません : center center

↑ Top

警告 (13)

URI : http://www.tcm.phy.cam.ac.uk/events/esdg.html

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
439 can't find the warning message for style-type
501 can't find the warning message for style-type
688 can't find the warning message for style-type
909 can't find the warning message for style-type
1029 can't find the warning message for style-type
1148 can't find the warning message for style-type
1345 can't find the warning message for style-type

↑ Top

検証したスタイルシートを以下に示します

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;
}
h5 {
margin : 3px 0;
color : #990000;
font-size : 100%;
}
h4 {
margin-top : 15px;
}
#event_list2 {
width : 80%;
}
#event_list2 > ul {
list-style : none;
margin-left : 10px;
padding-left : 0;
}
span.event_talk {
display : block;
padding : 2px 0;
}
span.event_date, span.event_speaker {
font-weight : bold;
}
span.event_speaker {
color : #900;
padding-right : 4px;
}
.event_title {
display : block;
}
span.short {
color : green;
}
span.long {
color : blue;
}
ul.events_archive {
list-style : none;
padding : 0;
}
span.short > a {
color : inherit;
}
span.long > a {
color : inherit;
}
.tabs {
position : relative;
height : 2500px;
clear : both;
margin : 0 0;
}
.tab {
float : left;
}
.tab label {
background : #e0b0b0;
padding : 10px;
border : 0 solid #880000;
margin-left : -1px;
position : relative;
left : 1px;
}
.tab [type="radio"] {
display : none;
}
.content {
position : absolute;
top : 28px;
left : 0;
background : white;
right : 0;
bottom : 0;
padding : 20px;
border : 2px solid #880000;
}
[type="radio"]:checked ~ label {
color : white;
font-weight : bold;
background : #880000;
border : 0 solid white;
z-index : 0;
}
[type="radio"]:checked ~ label ~ .content {
z-index : 1;
}
.titleline {
background-color : #880000;
text-align : center;
color : white;
}
.rowlineeven {
background-color : #e0b0b0;
text-align : center;
}
.rowlineodd {
background-color : #ffffff;
text-align : center;
}
.titleline {
background-color : #880000;
text-align : center;
color : white;
}
.rowlineeven {
background-color : #e0b0b0;
text-align : center;
}
.rowlineodd {
background-color : #ffffff;
text-align : center;
}
.titleline {
background-color : #880000;
text-align : center;
color : white;
}
.rowlineeven {
background-color : #e0b0b0;
text-align : center;
}
.rowlineodd {
background-color : #ffffff;
text-align : center;
}
.titleline {
background-color : #880000;
text-align : center;
color : white;
}
.rowlineeven {
background-color : #e0b0b0;
text-align : center;
}
.rowlineodd {
background-color : #ffffff;
text-align : center;
}
.titleline {
background-color : #880000;
text-align : center;
color : white;
}
.rowlineeven {
background-color : #e0b0b0;
text-align : center;
}
.rowlineodd {
background-color : #ffffff;
text-align : center;
}
.titleline {
background-color : #880000;
text-align : center;
color : white;
}
.rowlineeven {
background-color : #e0b0b0;
text-align : center;
}
.rowlineodd {
background-color : #ffffff;
text-align : center;
}

↑ Top