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         clear: both;
 269         margin-bottom: 5px;
 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 #subNavi ul.CharcterViewNav {
 287         padding-top: 3px;
 288 }
 289 #subNavi ul.CharcterViewNav li {
 290         font-size: 120%;
 291 }
 292 #subNavi ul.CharcterViewNav li#CharacterViewTitle {
 293         font-weight: bold;
 294 }
 295
 296 #sideMenu {
 297         padding: 5px 5px 5px 0;
 298         display: block;
 299         width: 100px;
 300         float: left;
 301 }
 302 #sideMenu li {
 303         display: block;
 304 }
 305 #mainBody {
 306         padding: 5px 0 5px 10px;
 307         display: block;
 308 }
 309 /* 独自Header：ここまで */
 310
 311 #content {
 312         width: 100%;
 313         height:100%;
 314         min-height:100%;
 315         padding: 5px;
 316         overflow: hidden;
 317         position : relative
 318 }
 319 #content div#subNavi,
 320 #content div.view,
 321 #content div.index,
 322 #content div.add,
 323 #content div.edit,
 324 #content div.delete,
 325 #content div.listview,
 326 #content div.admin_listview
 327  {
 328         margin-left: 5px;
 329 }
 330
 331 #footer {
 332         padding-top: 15px;
 333         width: 100%;
 334         text-align: center;
 335         font-size: 90%;
 336 }
 337
 338 /* Paging */
 339 div.paging {
 340         background: transparent;
 341         margin-bottom: 5px;
 342 }
 343
 344 /* Forms */
 345 form {
 346         width: 95%;
 347 }
 348 fieldset {
 349         margin-top: 0;
 350 }
 351 form div {
 352         margin-bottom: 0;
 353         padding: 0 0.1em ;
 354 }
 355 .caption
 356 form .required {
 357         color: #ff3300;
 358         font-weight: bold;
 359 }
 360 form div.submit {
 361         margin-left: 35px;
 362 }
 363 label {
 364         padding-right: 5px;
 365 }
 366 input, textarea {
 367         font-size: 100%;
 368         width: 98%;
 369         padding: 1px;
 370 }
 371 input {
 372         width: auto;
 373 }
 374 select {
 375         font-size: 100%;
 376         margin: 0 3px;
 377 }
 378 /* Notices and Errors */
 379
 380 /*  Actions  */
 381 div.actions ul li a {
 382         background: transparent;
 383         padding-right: 5px;
 384 }
 385
 386 /* Related */
 387
 388 /* パーツ */
 389 /* Backボタン */
 390 .backButton {
 391         position: relative;
 392         top: -38px;
 393         left: 120px;
 394         display: inline;
 395 }
 396 .backButton form {
 397         display: inline;
 398 }
 399
 400 /* テーブル表示 */
 401 table {
 402         width: auto;
 403         border-right: 1px solid #ccc;
 404         border-bottom: 1px solid #ccc;
 405 }
 406 table tr td {
 407         border-right: 0 none;
 408         vertical-align: middle;
 409         text-align: left;
 410 }
 411 th, td {
 412         border: 1px solid #ccc;
 413         border-right: 0 none;
 414         border-bottom: 0 none;
 415         padding: 4px;
 416 }
 417 th {
 418         background-color: #ddd;
 419         font-weight: bold;
 420 }
 421 td.actions {
 422         text-align: left;
 423 }
 424 td.actions a {
 425         padding-right: 5px;
 426 }
 427
 428 table.right {
 429         margin-left : auto;
 430         margin-right : 0;
 431 }
 432 table.inner {
 433         border: 0px none;
 434         padding: 0;
 435         margin: 0;
 436 }
 437
 438 .blank {
 439         min-height: 1em;
 440 }
 441
 442 /* フォーム関連 */
 443 div.view .select {
 444         display: inline;
 445         padding-right: 5px;
 446 }
 447 div.inline {
 448         display: inline;
 449 }
 450 div.inline div.checkbox {
 451         display: inline;
 452 }
 453 div.inline input[type="radio"],
 454 div.inline input[type="checkbox"]  {
 455         float: none;
 456         margin: 2px 5px 2px 2px;
 457 }
 458 div.input label {
 459         display: block;
 460         padding-right: 5px;
 461 }
 462 div.inline label {
 463         display: inline;
 464         padding-right: 5px;
 465 }
 466
 467 input.sortOrder {
 468         width: 2.5em;
 469 }
 470
 471 input.editAll {
 472         width: 3em;
 473 }
 474
 475 /* 管理画面 */
 476 div.admin_listview table
 477 {
 478         width: 100%;
 479 }
 480
 481 div.siteConfigs
 482 {
 483         width: 720px;
 484 }
 485 div.siteConfigs table
 486 {
 487         width: 100%;
 488 }
 489 div.siteConfigs table th
 490 {
 491         width: 150px;
 492 }
 493 div.siteConfigs table td input[type=text]
 494 {
 495         width: 98%;
 496 }
 497 div.siteConfigs table td.sizeInput input[type=text]
 498 {
 499         width: 48px;
 500 }
 501 div.siteConfigs div.submit
 502 {
 503         padding-left: 45px;
 504 }
 505
 506 /* Attachments */
 507 img.shadow,
 508 a.shadow {
 509         -moz-box-shadow: 2px 2px 10px #000;
 510         -webkit-box-shadow: 2px 2px 10px #000;
 511         margin-bottom: 5px;
 512 }
 513
 514 .center {
 515         text-align: center;
 516 }
 517
 518 /* 公開表示 */
 519 .publicFlag {
 520         color: #900;
 521 }
 522 h2 .publicFlag {
 523         font-size: 80%;
 524 }
 525
 526 /* Alert */
 527 div.noticeNarrow {
 528         margin: 3px 0;
 529         padding: 5px;
 530         line-height: 100%;
 531 }
 532
 533 /* ハイライト */
 534 .highlight {
 535         background-color: #ffff66;
 536         font-weight: bold;
 537 }