| 1 | <style> | ||
| 2 | |||
| 3 | /* HTML ENTITIES*/ | ||
| 4 | |||
| 5 | body {border-color:#cccccc; background-color:; font-family:Helvetica,'Arial'; padding:0; margin: 0;} | ||
| 6 | th {padding:6px 6px 6px 6px; text-align:left;} | ||
| 7 | td {padding: 2px 2px 2px 2px;} | ||
| 8 | legend {font-size:16px;font-weight:bold;} | ||
| 9 | fieldset{margin: 7px; border:1px solid #cccccc;} | ||
| 10 | div {margin:0;} | ||
| 11 | |||
| 12 | .owa a { | ||
| 13 | color: #21759B; | ||
| 14 | } | ||
| 15 | |||
| 16 | .owa a:hover { | ||
| 17 | color: orange; | ||
| 18 | } | ||
| 19 | |||
| 20 | .owa .section { | ||
| 21 | background-color:#ffffff; | ||
| 22 | margin:20px; | ||
| 23 | } | ||
| 24 | |||
| 25 | /* COLORS */ | ||
| 26 | .red {background-color:red;} | ||
| 27 | .yellow {background-color:yellow;} | ||
| 28 | .green {background-color:green; color:#ffffff;} | ||
| 29 | |||
| 30 | /* NAVIGATION */ | ||
| 31 | #sub_nav {padding:5px; background-color:#cccccc; width=100%; } | ||
| 32 | .top_level_nav{font-size:20px;} | ||
| 33 | .nav_links {list-style:none; margin:0px; padding:0px; } | ||
| 34 | .nav_links li {float: left; padding:4px 20px 4px 20px;} | ||
| 35 | .nav_links li a {text-decoration: none; } | ||
| 36 | .nav_links ul {clear: both;} | ||
| 37 | .post-nav {clear: both; margin:0px; padding:0px 0px 5px 0px;} | ||
| 38 | .active_nav_link {background-color:#cccccc;} | ||
| 39 | .host_app_nav {background-color:; vertical-align:middle;font-size:18px;padding:4px;} | ||
| 40 | #owa_header {border-bottom: 3px solid orange; background-color:#FFFFFF; padding:4px; font-weight:bold; line-height:55px;} | ||
| 41 | .owa_logo {float:left;padding-right:30px; vertical-align: middle;line-height:normal;} | ||
| 42 | .owa_navigation {float:left;vertical-align:middle;padding-top:10px;} | ||
| 43 | .owa_navigation ul {list-style: none; padding: 0; margin: 0;float:left;padding-top:0px;} | ||
| 44 | .owa_navigation li {text-decoration: none; float:left; margin: 2px;} | ||
| 45 | .owa_navigation li a { | ||
| 46 | background: url() #fff bottom left repeat-x; | ||
| 47 | height: 2em; | ||
| 48 | line-height: 2em; | ||
| 49 | float: left; | ||
| 50 | width: 9em; | ||
| 51 | display: block; | ||
| 52 | border: 0.1em solid #efefef; | ||
| 53 | text-decoration: none; | ||
| 54 | text-align: center; | ||
| 55 | } | ||
| 56 | |||
| 57 | .owa_navigation li a:hover { | ||
| 58 | |||
| 59 | border-color: orange; | ||
| 60 | } | ||
| 61 | |||
| 62 | /* FORMS */ | ||
| 63 | .form-row {border-bottom:1px solid #efefef;padding:10px; float:none;} | ||
| 64 | .form-label {width:;} | ||
| 65 | .form-field {position: relative; left: 120px;} | ||
| 66 | .form-value {position: absolute; left: 380px; font-weight: bold;} | ||
| 67 | .form-instructions {position: relative; left: 150px; font-size:12px; color: #9f9f9f;} | ||
| 68 | .owa-button { | ||
| 69 | border-radius:4px; | ||
| 70 | background-color:orange; | ||
| 71 | padding:15px 30px 15px 30px; | ||
| 72 | color:#ffffff; | ||
| 73 | font-size:18px; | ||
| 74 | font-weight:bold; | ||
| 75 | border: 1px solid #efefef; | ||
| 76 | -moz-border-radius: 3px; | ||
| 77 | -webkit-border-radius: 3px; | ||
| 78 | margin-top: 50px; | ||
| 79 | text-decoration: none; | ||
| 80 | |||
| 81 | } | ||
| 82 | .owa-button:hover { | ||
| 83 | color: #000000; | ||
| 84 | border-color: #9f9f9f; | ||
| 85 | -moz-box-shadow:2px 2px 2px #999; | ||
| 86 | box-shadow:2px 2px 2px #999; | ||
| 87 | -webkit-box-shadow:2px 2px 2px #999; | ||
| 88 | } | ||
| 89 | |||
| 90 | .owa-button a { | ||
| 91 | text-decoration: none; | ||
| 92 | } | ||
| 93 | |||
| 94 | .owa_pagination {float:left; overflow: hidden;} | ||
| 95 | .owa_pagination ul {list-style: none; padding: 0; margin: 0;} | ||
| 96 | .owa_pagination li {text-decoration: none; float:left; margin: 2px;} | ||
| 97 | .owa_pagination li { | ||
| 98 | background: url() #fff bottom left repeat-x; | ||
| 99 | height:2em; | ||
| 100 | line-height:2em; | ||
| 101 | float: left; | ||
| 102 | width: auto; | ||
| 103 | display: block; | ||
| 104 | border: 0.1em solid #efefef; | ||
| 105 | color: ; | ||
| 106 | text-decoration: none; | ||
| 107 | text-align: center; | ||
| 108 | padding:0px 2px 0px 2px; | ||
| 109 | } | ||
| 110 | |||
| 111 | .owa_headerServiceMsg {border: 1px solid #efefef;border-left: 8px solid yellow; height: 25px; width: auto; padding:10px} | ||
| 112 | |||
| 113 | |||
| 114 | /* HEADLINES */ | ||
| 115 | |||
| 116 | .inline_h1 {font-size:24px; font-weight:bold;} | ||
| 117 | .inline_h2 {font-size:20px;} | ||
| 118 | .inline_h2_grey {font-size:20px; color:#cccccc;} | ||
| 119 | .inline_h3 {font-size:16px;} | ||
| 120 | .inline_h4 {font-size:14px;} | ||
| 121 | .headline {font-size:20px; background-color:orange;color:#ffffff;border-color:#000000;padding:8px; font-weight:bold;margin: 0px 0px 0px 0px;} | ||
| 122 | .panel_headline {font-size:18px; background-color:#FFF8DC;padding:10px;font-weight:bold;margin: 0px 0px 20px 0px;border-bottom:solid 1px} | ||
| 123 | .sub-legend {font-size:16px;font-weight:bold; } | ||
| 124 | |||
| 125 | /* DATA TABLES */ | ||
| 126 | |||
| 127 | .h_label {font-size:14px; font-weight:bold;} | ||
| 128 | .indented_header_row {padding:0px 0px 0px 20px;} | ||
| 129 | #layout_panels {border:1px solid #999999;border-collapse: collapse; width:100%; vertical-align:top;} | ||
| 130 | .layout_panels td {border:1px solid #999999;border-collapse: collapse; vertical-align:top;} | ||
| 131 | #panel {border-collapse: collapse; width:;border:0px;padding:10px; vertical-align:top;} | ||
| 132 | td#panel {margin: 0px; padding-top:0px;width:;border-collapse: collapse;border:0px;} | ||
| 133 | .layout_subview {margin: 0px; padding:0px;border-collapse: collapse;} | ||
| 134 | .subview_content{padding:10px;} | ||
| 135 | .subview_content td {padding:20ps;} | ||
| 136 | #nav_left {width:240px; padding:10px} | ||
| 137 | #nav_left li {padding-bottom:5px;} | ||
| 138 | .owa .introtext {padding:0px 10px 0px 10px; line-height: 25px;} | ||
| 139 | |||
| 140 | |||
| 141 | /* WIZARD */ | ||
| 142 | |||
| 143 | .owa_wizard {} | ||
| 144 | .owa_wizardNextText {text-align:left; font-size:20px;} | ||
| 145 | |||
| 146 | /* FORMATING */ | ||
| 147 | .owa_largeFormField { font-size:18px;} | ||
| 148 | .active_wizard_step {background-color:orange; color:#ffffff;border:1px solid #9f9f9f; padding:5px; font-weight:bold; font-size:16px;} | ||
| 149 | .wizard_step {font-weight:bold; font-size:16px;} | ||
| 150 | .visitor_info_box {width:40px; height:40px; text-align:center; padding:7px;} | ||
| 151 | .owa_visitSummaryLeftCol {width:auto;} | ||
| 152 | .owa_visitSummaryRightCol {padding-left:15px;width:auto; vertical-align: top;} | ||
| 153 | .visit_icon {width:40px;} | ||
| 154 | .comments_info_box { | ||
| 155 | padding:4px 4px 4px 4px; | ||
| 156 | border:solid 0px #999999; | ||
| 157 | margin:0px 2px 2px 2px; | ||
| 158 | width:40px; | ||
| 159 | height:40px; | ||
| 160 | background-image: url('<?=$this->makeImageLink('comment_background.jpg');?>'); | ||
| 161 | background-repeat: no-repeat; | ||
| 162 | text-align:center; | ||
| 163 | } | ||
| 164 | .visit_summary {width:100%;} | ||
| 165 | .date_box {padding:4px; border:solid 1px #999999;margin:2px;} | ||
| 166 | .pages_box {padding:5px; border:solid 2px #999999; margin:0px 0px 0px 0px; text-align:center;} | ||
| 167 | .large_number {font-size:24px; font-weight:bold;} | ||
| 168 | .info_text {color:#999999;font-size:12px;} | ||
| 169 | .legend_link {color:#999999;font-size:12px;font-weight:normal;} | ||
| 170 | .legend_link a {text-decoration:underline;} | ||
| 171 | .centered_buttons {margin-left:auto;margin-right:auto;} | ||
| 172 | .snippet_text {color:;font-size:12px;} | ||
| 173 | .snippet_text a {color:#999999;} | ||
| 174 | .snippet_anchor {font-size:14px;font-weight:bold;} | ||
| 175 | .visit_box_stat {width:42px;} | ||
| 176 | .nav_bar{text-decoration:none;} | ||
| 177 | .id_box{background-color:green;color:#ffffff;font-style:bold;font-size:18px;padding:6px;} | ||
| 178 | .code {padding:7px;margin:0px 30px 0px 30px;background-color:; border: 1px dashed blue; font-size:10px;} | ||
| 179 | .top_level_nav_link{padding:0px 5px 0px 5px; font-size:22px;} | ||
| 180 | .visible {display:;} | ||
| 181 | .invisible {display:none;} | ||
| 182 | |||
| 183 | .owa .error, .owa .status { | ||
| 184 | color: #ffffff; | ||
| 185 | border: 2px solid #FF0000; | ||
| 186 | margin:20px 40px 20px 40px; | ||
| 187 | padding: 20px 10px 20px 20px; | ||
| 188 | background-color: #FF4040; | ||
| 189 | font-size: 14px; | ||
| 190 | font-weight:; | ||
| 191 | -moz-border-radius:5px 5px 5px 5px; | ||
| 192 | -moz-box-shadow:2px 2px 2px 1px #9f9f9f; | ||
| 193 | border-radius:5px 5px 5px 5px; | ||
| 194 | box-shadow:2px 2px 2px 1px #9f9f9f; | ||
| 195 | -webkit-border-radius:5px 5px 5px 5px; | ||
| 196 | -webkit-box-shadow:2px 2px 2px 1px #9f9f9f; | ||
| 197 | } | ||
| 198 | |||
| 199 | .owa .status { | ||
| 200 | background-color: #71ad2b; | ||
| 201 | border-color: #519600; | ||
| 202 | color: #FFFFFF; | ||
| 203 | } | ||
| 204 | |||
| 205 | .tiny_icon{width:10px;padding-left:0px;} | ||
| 206 | .wrap {margin:0px;padding:10px;} | ||
| 207 | .validation_error {color:red;} | ||
| 208 | |||
| 209 | /* Admin Settings */ | ||
| 210 | .setting {padding:5px;border:1px solid #cccccc; margin:10px;} | ||
| 211 | .setting .description {border:0px solid #cccccc; font-size:12px; padding: 2px 0 2px 0;} | ||
| 212 | .setting .title {font-weight:bold; font-size:16px; padding: 2px 0 2px 0;} | ||
| 213 | .setting .field {padding: 2px 0 2px 0;} | ||
| 214 | |||
| 215 | /* LAYOUT */ | ||
| 216 | #admin_nav{font-size:12px;} | ||
| 217 | #keywords{width:400px;} | ||
| 218 | #side_bar {width:auto; color: ; border-right: 0px solid #000000; padding: 5px; background-color: ; font-size: 12px;} | ||
| 219 | #login_box { | ||
| 220 | -moz-border-radius:10px 10px 10px 10px; | ||
| 221 | border-radius:10px 10px 10px 10px; | ||
| 222 | -webkit-border-radius:10px 10px 10px 10px; | ||
| 223 | background-color: #494444; | ||
| 224 | } | ||
| 225 | |||
| 226 | /* ROUNDER CORNERS */ | ||
| 227 | .spiffy{display:block;} | ||
| 228 | .spiffy *{ | ||
| 229 | display:block; | ||
| 230 | height:1px; | ||
| 231 | overflow:hidden; | ||
| 232 | font-size:.01em; | ||
| 233 | background:#494444} | ||
| 234 | .spiffy1{ | ||
| 235 | margin-left:3px; | ||
| 236 | margin-right:3px; | ||
| 237 | padding-left:1px; | ||
| 238 | padding-right:1px; | ||
| 239 | border-left:1px solid #b0aeae; | ||
| 240 | border-right:1px solid #b0aeae; | ||
| 241 | background:#767272} | ||
| 242 | .spiffy2{ | ||
| 243 | margin-left:1px; | ||
| 244 | margin-right:1px; | ||
| 245 | padding-right:1px; | ||
| 246 | padding-left:1px; | ||
| 247 | border-left:1px solid #ececec; | ||
| 248 | border-right:1px solid #ececec; | ||
| 249 | background:#6b6767} | ||
| 250 | .spiffy3{ | ||
| 251 | margin-left:1px; | ||
| 252 | margin-right:1px; | ||
| 253 | border-left:1px solid #6b6767; | ||
| 254 | border-right:1px solid #6b6767;} | ||
| 255 | .spiffy4{ | ||
| 256 | border-left:1px solid #b0aeae; | ||
| 257 | border-right:1px solid #b0aeae} | ||
| 258 | .spiffy5{ | ||
| 259 | border-left:1px solid #767272; | ||
| 260 | border-right:1px solid #767272} | ||
| 261 | .spiffyfg{ | ||
| 262 | background:#494444;} | ||
| 263 | |||
| 264 | .owa div.goal-detail { | ||
| 265 | display: none; | ||
| 266 | padding:20px; | ||
| 267 | } | ||
| 268 | |||
| 269 | .owa span.optional { | ||
| 270 | |||
| 271 | font-size: 10px; | ||
| 272 | color: #9f9f9f; | ||
| 273 | } | ||
| 274 | |||
| 275 | .owa .formInstructions { | ||
| 276 | font-size: 10px; | ||
| 277 | color: #505050; | ||
| 278 | |||
| 279 | font-weight: normal; | ||
| 280 | } | ||
| 281 | |||
| 282 | |||
| 283 | |||
| 284 | </style> |