app/webroot/css/base.css

   1 @charset "UTF-8";
   2 <?php
   3 /* copyright */
   4  ?>
   5
   6 * {
   7         border: 0;
   8         vertical-align: baseline;
   9         background: transparent
  10 }
  11
  12 /* General Style Info */
  13 body {
  14         background: #fff;
  15         color: #333333;
  16         font-size: 12px;
  17         padding: 0;
  18         position : relative
  19 }
  20 a {
  21         background: transparent;
  22         color: #003d4c;
  23         text-decoration: none;
  24 }
  25 a:visited {
  26         color: #003d4c;
  27 }
  28 a:hover {
  29         background: transparent;
  30         color: #003d4c;
  31         text-decoration: underline;
  32 }
  33
  34 h1, h2, h3 {
  35         font-weight: bold;
  36         line-height: 1.5em;
  37         padding: 0;
  38         margin: 0;
  39 }
  40 h1 {
  41         font-size: 200%;
  42 }
  43 h2 {
  44         font-size: 175%;
  45         color: #333;
  46 }
  47 h3 {
  48         font-size: 150%;
  49         color: #333;
  50 }
  51
  52 ol,ul {
  53         list-style:none
  54         padding: 0;
  55         margin: 0;
  56 }
  57
  58 li {
  59         display: inline;
  60         margin: 0;
  61 }
  62
  63 table{
  64         border-collapse: collapse;
  65         border-spacing: 0;
  66         empty-cells: show;
  67 }
  68
  69 /* Layout */
  70 html, body {
  71         height:auto;
  72 }
  73 #container {
  74         width: 100%;
  75         height:100%;
  76         min-height:100%;
  77         position : relative
  78 }
  79 #container ul {
  80         margin: 0;
  81         padding: 0;
  82 }
  83
  84 #header {
  85         width: 100%;
  86         font-weight: bold;
  87         background-color: #000;
  88         color: #FFF;
  89         padding: 0;
  90 }
  91 #header h1 {
  92         background: transparent url('') no-repeat left;
  93         padding: 0;
  94 }
  95 #header li {
  96         margin: 0;
  97         float: left;
  98 }
  99
 100 #header a,
 101 #header h1 a {
 102         background: transparent;
 103         text-decoration: none;
 104         font-weight: bold;
 105 }
 106 #header a:visited,
 107 #header h1 a:visited {
 108         background: transparent;
 109         text-decoration: none;
 110 }
 111 #header a:hover,
 112 #header h1 a:hover {
 113         background: transparent;
 114         text-decoration: none;
 115 }
 116
 117 /* 独自Header：ここから */
 118 #intro {
 119         clear: both;
 120         color: #fff;
 121         min-height: 3em;
 122         width: 100%;
 123         overflow: hidden;
 124 }
 125
 126 #intro ul li {
 127 }
 128
 129 #siteName h1 {
 130 }
 131 #siteName h1 a {
 132         display: block;
 133         padding: 5px 5px 3px 10px;
 134         color: #fff;
 135 }
 136 #siteName h1 a:visited {
 137         color: #fff;
 138         text-decoration: none;
 139 }
 140 #siteName h1 a:hover {
 141         color: #fff;
 142         text-decoration: none;
 143 }
 144
 145 #siteDescription {
 146         padding: 7px 5px 5px 10px;
 147         margin-right: 150px;
 148 }
 149 #header li#loginMember {
 150         float: right;
 151         padding-top: 7px;
 152         padding-right: 10px;
 153 }
 154 #header li#loginMember a {
 155         color: #fff;
 156         text-decoration: underline;
 157 }
 158 #header li#loginMember a:visited {
 159         color: #fff;
 160         text-decoration: underline;
 161 }
 162 #header li#loginMember a:hover {
 163         color: #ffff99;
 164         text-decoration: underline;
 165 }
 166
 167 #breadCrumb {
 168         padding: 10px;
 169         vertical-align: middle;
 170 }
 171 #breadCrumb a {
 172         color: #fff;
 173         text-decoration: none;
 174 }
 175 #breadCrumb a:visited {
 176         color: #fff;
 177         text-decoration: none;
 178 }
 179 #breadCrumb a:hover {
 180         color: #ffff99;
 181         text-decoration: underline;
 182 }
 183
 184 .mainNavi {
 185         background-color: #616161;
 186         font-size: 110%;
 187         min-height: 27px;
 188         height: auto;
 189         overflow: hidden;
 190         padding-left: 0
 191         clear: both;
 192 }
 193
 194 .navi {
 195         position: relative;
 196         display: inline;
 197         margin: 0;
 198         padding: 0;
 199         background-color: transparent;
 200         height: 27px;
 201 }
 202 .navi li {
 203         position: relative;
 204         display: block;
 205         list-style: none;
 206         margin: 0;
 207         padding-left: 3px;
 208         float: left;
 209 }
 210 .navi *:hover {
 211         background-color: none;
 212 }
 213 .navi li a {
 214         display: block;
 215         color: #fff;
 216         padding: 5px;
 217 }
 218 .navi li a:visited {
 219         color: #fff;
 220 }
 221 .navi li a:hover {
 222         color: #FFFF44;
 223         background: #818989;
 224 }
 225 .navi ul {
 226         position: absolute;
 227         display: none;
 228         margin: 0;
 229         padding: 0;
 230         width: 145px;
 231         top: 25px;
 232 }
 233 * html .navi ul { line-height: 0; } /* IE6 "fix" */
 234 .navi ul a { zoom: 1; } /* IE6/7 fix */
 235 .navi ul li {
 236         float: none;
 237 }
 238 .navi ul ul {
 239         top: 0;
 240         left: 146px;
 241         font-size: 100%;
 242 }
 243
 244 .navi ul li a {
 245         border-right: 2px ridge #eee;
 246         border-left: 2px ridge #eee;
 247         background-color: #222;
 248 }
 249 .navi ul a.hover {
 250         background-color: #222;
 251 }
 252 .navi ul a {
 253         border-bottom: 2px groove #eee;
 254         border-right: none;
 255 }
 256 * html .navi ul li  { margin-bottom: -3px; } /* IE6ハック */
 257 *:first-child+html .navi ul li  { margin-bottom: -4px; }/*IE7ハック */
 258
 259 ul#navAdmin li {
 260         float: right;
 261 }
 262
 263 #subNavi {
 264         background-color: #FFFFFF;
 265         color: #333333;
 266         font-size: 90%;
 267         width: 100%;
 268         height: 20px;
 269         clear: both;
 270 }
 271 #subNavi ul {
 272 }
 273 #subNavi ul li {
 274         padding-right: 5px;
 275 }
 276 #subNavi ul li a {
 277         color: #003399;
 278 }
 279 #subNavi ul li a:visited {
 280         color: #003399;
 281 }
 282 #subNavi ul li a:hover {
 283         color: #0033cc;
 284         text-decoration: underline;
 285 }
 286
 287 #sideMenu {
 288         padding: 5px 5px 5px 0;
 289         display: block;
 290         width: 100px;
 291         float: left;
 292 }
 293 #sideMenu li {
 294         display: block;
 295 }
 296 #mainBody {
 297         padding: 5px 0 5px 10px;
 298         display: block;
 299 }
 300 /* 独自Header：ここまで */
 301
 302 #content {
 303         width: 100%;
 304         height:100%;
 305         min-height:100%;
 306         padding: 5px 10px;
 307         overflow: hidden;
 308         position : relative
 309 }
 310
 311 #footer {
 312         width: 100%;
 313 }
 314
 315 /* Paging */
 316 div.paging {
 317         background: transparent;
 318 }
 319
 320 /* Forms */
 321 form {
 322         width: 95%;
 323 }
 324 fieldset {
 325         margin-top: 0;
 326 }
 327 form div {
 328         margin-bottom: 0.1em;
 329         padding: 0.2em;
 330 }
 331 .caption
 332 form .required {
 333         color: #ff3300;
 334         font-weight: bold;
 335 }
 336 form div.submit {
 337         margin-left: 35px;
 338 }
 339 label {
 340         padding-right: 5px;
 341 }
 342 input, textarea {
 343         font-size: 100%;
 344         padding: 1px;
 345 }
 346 input {
 347         width: auto;
 348 }
 349
 350 /* Notices and Errors */
 351
 352 /*  Actions  */
 353 div.actions ul li a {
 354         background: transparent;
 355         padding-right: 5px;
 356 }
 357
 358 /* Related */
 359
 360 /* パーツ */
 361 /* Backボタン */
 362 .backButton {
 363         position: relative;
 364         top: -43px;
 365         left: 120px;
 366         display: inline;
 367 }
 368 .backButton form {
 369         display: inline;
 370 }
 371
 372 /* テーブル表示 */
 373 table {
 374         width: auto;
 375         border-right: 1px solid #ccc;
 376         border-bottom: 1px solid #ccc;
 377 }
 378 table tr td {
 379         border-right: 0 none;
 380         vertical-align: middle;
 381         text-align: left;
 382 }
 383 th, td {
 384         border: 1px solid #ccc;
 385         border-right: 0 none;
 386         border-bottom: 0 none;
 387         padding: 4px;
 388 }
 389 th {
 390         background-color: #ddd;
 391         font-weight: bold;
 392 }
 393 td.actions {
 394         text-align: left;
 395 }
 396 td.actions a {
 397         padding-right: 5px;
 398 }
 399
 400 table.right {
 401         margin-left : auto;
 402         margin-right : 0;
 403 }
 404 table.inner {
 405         border: 0px none;
 406         padding: 0;
 407         margin: 0;
 408 }
 409
 410 .blank {
 411         min-height: 1em;
 412 }
 413
 414 /* フォーム関連 */
 415 div.view .select {
 416         display: inline;
 417         padding-right: 5px;
 418 }
 419 div.inline {
 420         display: inline;
 421 }
 422 div.inline div.checkbox {
 423         display: inline;
 424 }
 425 div.inline input[type="radio"],
 426 div.inline input[type="checkbox"]  {
 427         float: none;
 428         margin: 2px 5px 2px 2px;
 429 }
 430 div.input label {
 431         display: block;
 432         padding-right: 5px;
 433 }
 434 div.inline label {
 435         display: inline;
 436         padding-right: 5px;
 437 }
 438
 439 input.sortOrder {
 440         width: 2.5em;
 441 }
 442
 443
 444 /* 管理画面:サイト設定 */
 445 div.siteConfigs table
 446 {
 447         width: 100%;
 448 }
 449 div.siteConfigs table th
 450 {
 451         width: 150px;
 452 }
 453 div.siteConfigs table td input[type=text]
 454 {
 455         width: 98%;
 456 }
 457 div.siteConfigs table td.sizeInput input[type=text]
 458 {
 459         width: 48px;
 460 }
 461 div.siteConfigs div.submit
 462 {
 463         padding-left: 45px;
 464 }
 465
 466 /* Attachments */
 467 img.shadow,
 468 a.shadow {
 469         -moz-box-shadow: 2px 2px 10px #000;
 470         -webkit-box-shadow: 2px 2px 10px #000;
 471         margin-bottom: 5px;
 472 }
 473
 474 .center {
 475         text-align: center;
 476 }
 477