/* CSS Document */ @charset "utf-8"; .sectionbackup { width:420px; height: 249px; border:1px solid #cccccc; display: none; padding:0; margin:0; overflow:hidden; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; -webkit-box-shadow: 0px 1px 3px 0px #666; -moz-box-shadow: 0px 1px 3px 0px #666; box-shadow: 0px 1px 3px 0px #666; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; z-index: 101; } .sectionbackup h1{ margin:2px 2px 38px 2px; padding:0; height:64px; line-height:62px; text-align:center; font-weight:bold; letter-spacing: 2px; color:#333; background-color:#dfdfdf; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; } .sectionbackup p{ width:320px; margin:0 50px; } .sectionbackup p.message{ font-size:15px; font-weight:bold; color:#333; } .sectionbackup .backupbtn { height:25px; margin:49px auto 0; } /* .sectionbackup .backupbtn a.ok { position:relative; margin:0 98px 0 0; } .sectionbackup .backupbtn a.cancel { /position:relative; margin:-27px 0 0 135px; } */ .sectionbackup .backupbtn a { width:100px; height:28px; padding-top:8px; border:1px #263957 solid; -pie-background: linear-gradient(top, #89c 0%, #1B2440 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c)); background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%); background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%); background: -o-linear-gradient(top, #89c 0%, #1B2440 97%); background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%); background: linear-gradient(to bottom, #89c 0%, #1B2440 97%); -webkit-border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none; text-align:center; behavior:url('/abvw/css/PIE.htc'); } .sectionbackup .backupbtn a:hover { -pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5)); background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%); text-decoration:underline; behavior:url('/abvw/css/PIE.htc'); } .sectionbackup .backupbtn a:active { /*position:relative; top:1px;*/ } /* .sectionbackup .backupbtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(../css/button_back_off.svg); } .sectionbackup .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(../css/button_back_on.svg); } */ .sectionbackup1 { width:500px; height: 290px; border:1px solid #cccccc; display: none; padding:0; margin:0; overflow:hidden; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; -webkit-box-shadow: 0px 1px 3px 0px #666; -moz-box-shadow: 0px 1px 3px 0px #666; box-shadow: 0px 1px 3px 0px #666; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; z-index: 101; } .sectionbackup1 h1{ margin:2px 2px 38px 2px; padding:0; height:64px; line-height:62px; text-align:center; font-weight:bold; letter-spacing: 2px; color:#333; background-color:#dfdfdf; border-radius: 10px 10px 0px 0px; font-size: large; } .sectionbackup1 p{ width:360px; margin:0 50px; } .sectionbackup1 p.message{ font-size:15px; font-weight:bold; color:#333; } .sectionbackup1 p span{ font-size: 11px; } .sectionbackup1 .backupbtn { width:500px; height:25px; margin: 49px auto 0; } .sectionbackup1 .backupbtn a.ok { position:relative; margin:0 25px 0 0; } .sectionbackup1 .backupbtn a.cancel { position:relative; margin:0 25px 0 0; } .sectionbackup1 .backupbtn a { width: 200px; height:21px; padding:6px; text-decoration:none; border:1px #263957 solid; -pie-background: linear-gradient(top, #89c 0%, #1B2440 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c)); background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%); background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%); background: -o-linear-gradient(top, #89c 0%, #1B2440 97%); background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%); background: linear-gradient(to bottom, #89c 0%, #1B2440 97%); -webkit-border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; float:right; behavior:url('/abvw/css/PIE.htc'); } .sectionbackup1 .backupbtn a:hover { -pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5)); background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%); text-decoration:underline; cursor: pointer; } .sectionbackup1 .backupbtn a:active { position:relative; top:1px; } /* .sectionbackup1 .backupbtn a:not(:target) { filter: none; -ms-filter: none; background-image: url(../css/button_back_off.svg); } .sectionbackup1 .backupbtn a:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(../css/button_back_on.svg); } */