dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
117 lines (108 loc) • 2.13 kB
CSS
/* Test file styles for Dijit widgets */
body {
background: #fff url("../images/testsBodyBg.gif") repeat-x top left;
padding: 20px;
}
h1.testTitle {
font-size: 2em;
margin: 0 0 1em 0;
}
/* Icons used in the tests */
.plusIcon, .plusBlockIcon {
background-image: url(../images/plus.gif);
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
}
.plusBlockIcon {
display: block ;
}
.noteIcon {
background-image: url(../images/note.gif);
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
}
.flatScreenIcon {
background-image: url(../images/flatScreen.gif);
background-repeat: no-repeat;
width: 32px;
height: 32px;
}
.dijitTestNodeDialog {
position:absolute;
top:5px;
right:5px;
display:block;
width:200px;
visibility:hidden;
background-color:#fff ;
color:#000 ;
border:1px solid #000;
padding:5px;
}
.dijitTestNodeDialog table {
background-color:#fff ;
}
.dijitTestNodeDialog td {
padding:3px;
}
.dijitTestNodeShowing {
visibility:visible;
}
body .customFolderOpenedIcon, body .customFolderClosedIcon {
background-image: url('../images/folderIcons.png'); /* mail icons sprite image */
background-repeat: no-repeat;
width: 18px;
height: 18px;
background-position: -44px;
}
.dj_ie6 .customFolderOpenedIcon, .dj_ie6 .customFolderClosedIcon {
background-image: url('../images/folderIcons.gif');
}
.customFolderClosedIcon {
background-position: -154px;
}
#testMatrix {
width:100%;
text-align:center;
}
#testMatrix tr > td {
text-align:left;
}
#testMatrix tr.top {
background:blue;
color:#fff;
}
#testMatrix tr.top th {
padding:6px;
}
#testMatrix tr.tests {
background:#666;
padding:3px;
padding-left:6px;
padding-right:6px;
color:#fff;
}
#testMatrix tr.tests th {
text-align:center;
}
#testMatrix tr.spacer {
background:#dedede;
color:#666;
}
#testMatrix tr.spacer td {
padding:6px;
}
#testMatrix tr.testRow td {
text-align:center;
}
#testMatrix tr.testRow td.label {
text-align:left;
padding-left:15px;
}
#testMatrix tr.alt {
background:#ededed;
}