Make sass nested, move to classnames instead of ids

This commit is contained in:
Jay Wood
2014-11-09 14:36:34 -05:00
parent dff22f705e
commit 6b6656d782
3 changed files with 57 additions and 97 deletions

View File

@ -1,33 +1,32 @@
/* CSS Document */
.cwv3_box {
background: transparent;
}
/* Undocumented cBox colors */
#cboxLoadingOverlay, #cboxContent, #cboxLoadedContent {
background-color: #FFF !important;
}
#cwv3_auth {
/* Main CWV3 Dialog */
.cwv3_dialog {
border: 3px solid #ccc;
background: #FFF;
}
#cwv3_auth div {
.cwv3_dialog.js .auth {
display: none;
}
.cwv3_dialog.js .denied {
display: none;
}
.cwv3_dialog div {
padding: 0.25em;
}
#cwv3_title {
.cwv3_dialog .cwv3_title {
color: #FFF;
font-weight: bold;
text-align: center;
background: #f00;
}
#cwv3_btns {
.cwv3_dialog .cwv3_btns {
overflow: hidden;
}
#cwv3_btns div a {
.cwv3_dialog .cwv3_btns a {
display: block;
width: 100%;
text-align: center;
@ -35,28 +34,17 @@
font-weight: bold;
text-decoration: none;
}
#cwv3_enter {
float: left;
width: 40%;
}
#cwv3_enter a {
background-color: #0C3;
}
#cwv3_exit {
.cwv3_dialog .cwv3_btns .cwv3_exit {
float: right;
width: 40%;
}
#cwv3_exit a {
.cwv3_dialog .cwv3_btns .cwv3_exit a {
background-color: #F00;
}
.cwv3_dialog.js .auth {
display: none;
.cwv3_dialog .cwv3_btns .cwv3_enter {
float: left;
width: 40%;
}
.cwv3_dialog.js .denied {
display: none;
.cwv3_dialog .cwv3_btns .cwv3_enter a {
background-color: #0C3;
}