ctools-ajax-sample.css in Chaos Tool Suite (ctools) 7
div.ctools-sample-modal-content {
background: none;
border: 0;
color: #000;
margin: 0;
padding: 0;
text-align: left;
}
div.ctools-sample-modal-content .modal-scroll {
overflow: hidden;
overflow-y: auto;
}
div.ctools-sample-modal-content #popups-overlay {
background-color: transparent;
}
div.ctools-sample-modal-content #popups-loading {
width: 248px;
position: absolute;
display: none;
opacity: 1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 99;
}
div.ctools-sample-modal-content #popups-loading span.popups-loading-message {
background: #fff url(../images/loading-large.gif) no-repeat 8px center;
display: block;
color: #444;
font-family: Arial, serif;
font-size: 22px;
font-weight: bold;
height: 36px;
line-height: 36px;
padding: 0 40px;
}
div.ctools-sample-modal-content #popups-loading table,
div.ctools-sample-modal-content .popups-box table {
margin: 0;
}
div.ctools-sample-modal-content #popups-loading tbody,
div.ctools-sample-modal-content .popups-box tbody {
border: none;
}
div.ctools-sample-modal-content .popups-box tr {
background-color: transparent;
}
div.ctools-sample-modal-content td.popups-border {
background: url(../images/popups-border.png);
background-color: transparent;
border: none;
}
div.ctools-sample-modal-content td.popups-tl,
div.ctools-sample-modal-content td.popups-tr,
div.ctools-sample-modal-content td.popups-bl,
div.ctools-sample-modal-content td.popups-br {
background-repeat: no-repeat;
height: 10px;
padding: 0;
}
div.ctools-sample-modal-content td.popups-tl {
background-position: 0 0;
}
div.ctools-sample-modal-content td.popups-t,
div.ctools-sample-modal-content td.popups-b {
background-position: 0 -40px;
background-repeat: repeat-x;
}
div.ctools-sample-modal-content td.popups-tr {
background-position: 0 -10px;
width: 10px;
}
div.ctools-sample-modal-content td.popups-cl,
div.ctools-sample-modal-content td.popups-cr {
background-position: -10px 0;
background-repeat: repeat-y;
width: 10px;
}
div.ctools-sample-modal-content td.popups-cl,
div.ctools-sample-modal-content td.popups-cr,
div.ctools-sample-modal-content td.popups-c {
padding: 0;
border: none;
}
div.ctools-sample-modal-content td.popups-c {
background: #fff;
}
div.ctools-sample-modal-content td.popups-bl {
background-position: 0 -20px;
}
div.ctools-sample-modal-content td.popups-br {
background-position: 0 -30px;
width: 10px;
}
div.ctools-sample-modal-content .popups-box,
div.ctools-sample-modal-content #popups-loading {
border: 0 solid #454545;
opacity: 1;
overflow: hidden;
padding: 0;
background-color: transparent;
}
div.ctools-sample-modal-content .popups-container {
overflow: hidden;
height: 100%;
background-color: #fff;
}
div.ctools-sample-modal-content div.popups-title {
-moz-border-radius-topleft: 0;
-webkit-border-radius-topleft: 0;
margin-bottom: 0;
background-color: #ff7200;
border: 1px solid #ce5c00;
padding: 4px 10px 5px;
color: white;
font-size: 1em;
font-weight: bold;
}
div.ctools-sample-modal-content .popups-body {
background-color: #fff;
padding: 8px;
}
div.ctools-sample-modal-content .popups-box .popups-buttons,
div.ctools-sample-modal-content .popups-box .popups-footer {
background-color: #fff;
}
div.ctools-sample-modal-content .popups-title a.close {
color: #fff;
text-decoration: none;
}
div.ctools-sample-modal-content .popups-close {
font-size: 120%;
float: right;
text-align: right;
}
div.ctools-sample-modal-content .modal-loading-wrapper {
width: 220px;
height: 19px;
margin: 0 auto;
margin-top: 2%;
}
div.ctools-sample-modal-content tbody {
border: none;
}
div.ctools-sample-modal-content .modal-content .modal-throbber-wrapper img {
margin-top: 100px;
}
File
ctools_ajax_sample/css/ctools-ajax-sample.css
View source
- div.ctools-sample-modal-content {
- background: none;
- border: 0;
- color: #000;
- margin: 0;
- padding: 0;
- text-align: left;
- }
- div.ctools-sample-modal-content .modal-scroll {
- overflow: hidden;
- overflow-y: auto;
- }
- div.ctools-sample-modal-content #popups-overlay {
- background-color: transparent;
- }
- div.ctools-sample-modal-content #popups-loading {
- width: 248px;
- position: absolute;
- display: none;
- opacity: 1;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- z-index: 99;
- }
- div.ctools-sample-modal-content #popups-loading span.popups-loading-message {
- background: #fff url(../images/loading-large.gif) no-repeat 8px center;
- display: block;
- color: #444;
- font-family: Arial, serif;
- font-size: 22px;
- font-weight: bold;
- height: 36px;
- line-height: 36px;
- padding: 0 40px;
- }
- div.ctools-sample-modal-content #popups-loading table,
- div.ctools-sample-modal-content .popups-box table {
- margin: 0;
- }
- div.ctools-sample-modal-content #popups-loading tbody,
- div.ctools-sample-modal-content .popups-box tbody {
- border: none;
- }
- div.ctools-sample-modal-content .popups-box tr {
- background-color: transparent;
- }
- div.ctools-sample-modal-content td.popups-border {
- background: url(../images/popups-border.png);
- background-color: transparent;
- border: none;
- }
- div.ctools-sample-modal-content td.popups-tl,
- div.ctools-sample-modal-content td.popups-tr,
- div.ctools-sample-modal-content td.popups-bl,
- div.ctools-sample-modal-content td.popups-br {
- background-repeat: no-repeat;
- height: 10px;
- padding: 0;
- }
- div.ctools-sample-modal-content td.popups-tl {
- background-position: 0 0;
- }
- div.ctools-sample-modal-content td.popups-t,
- div.ctools-sample-modal-content td.popups-b {
- background-position: 0 -40px;
- background-repeat: repeat-x;
- }
- div.ctools-sample-modal-content td.popups-tr {
- background-position: 0 -10px;
- width: 10px;
- }
- div.ctools-sample-modal-content td.popups-cl,
- div.ctools-sample-modal-content td.popups-cr {
- background-position: -10px 0;
- background-repeat: repeat-y;
- width: 10px;
- }
- div.ctools-sample-modal-content td.popups-cl,
- div.ctools-sample-modal-content td.popups-cr,
- div.ctools-sample-modal-content td.popups-c {
- padding: 0;
- border: none;
- }
- div.ctools-sample-modal-content td.popups-c {
- background: #fff;
- }
- div.ctools-sample-modal-content td.popups-bl {
- background-position: 0 -20px;
- }
- div.ctools-sample-modal-content td.popups-br {
- background-position: 0 -30px;
- width: 10px;
- }
-
- div.ctools-sample-modal-content .popups-box,
- div.ctools-sample-modal-content #popups-loading {
- border: 0 solid #454545;
- opacity: 1;
- overflow: hidden;
- padding: 0;
- background-color: transparent;
- }
- div.ctools-sample-modal-content .popups-container {
- overflow: hidden;
- height: 100%;
- background-color: #fff;
- }
- div.ctools-sample-modal-content div.popups-title {
- -moz-border-radius-topleft: 0;
- -webkit-border-radius-topleft: 0;
- margin-bottom: 0;
- background-color: #ff7200;
- border: 1px solid #ce5c00;
- padding: 4px 10px 5px;
- color: white;
- font-size: 1em;
- font-weight: bold;
- }
- div.ctools-sample-modal-content .popups-body {
- background-color: #fff;
- padding: 8px;
- }
- div.ctools-sample-modal-content .popups-box .popups-buttons,
- div.ctools-sample-modal-content .popups-box .popups-footer {
- background-color: #fff;
- }
- div.ctools-sample-modal-content .popups-title a.close {
- color: #fff;
- text-decoration: none;
- }
- div.ctools-sample-modal-content .popups-close {
- font-size: 120%;
- float: right;
- text-align: right;
- }
- div.ctools-sample-modal-content .modal-loading-wrapper {
- width: 220px;
- height: 19px;
- margin: 0 auto;
- margin-top: 2%;
- }
-
- div.ctools-sample-modal-content tbody {
- border: none;
- }
-
- div.ctools-sample-modal-content .modal-content .modal-throbber-wrapper img {
- margin-top: 100px;
- }