파일 위치를 twe에서 hwe로 옮김.
This commit is contained in:
@@ -0,0 +1,141 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
|
||||
|
||||
table { font-family:'맑은 고딕'; line-height:110%; }
|
||||
font { font-family:'맑은 고딕'; line-height:110%; }
|
||||
input { font-family:'맑은 고딕'; line-height:110%; height:20px }
|
||||
select { font-family:'굴림'; line-height:100%; }
|
||||
#bg0 {
|
||||
background-image:url('/images/back_walnut.jpg');
|
||||
}
|
||||
#bg1 {
|
||||
background-image:url('/images/back_green.jpg');
|
||||
}
|
||||
#bg2 {
|
||||
background-image:url('/images/back_blue.jpg');
|
||||
}
|
||||
|
||||
.bg0{
|
||||
background-image:url('/images/back_walnut.jpg');
|
||||
}
|
||||
.bg1{
|
||||
background-image:url('/images/back_green.jpg');
|
||||
}
|
||||
|
||||
.bg2{
|
||||
background-image:url('/images/back_blue.jpg');
|
||||
}
|
||||
|
||||
/* */
|
||||
|
||||
.ev_warning{
|
||||
color:orangered;
|
||||
}
|
||||
|
||||
.ev_notice{
|
||||
color:orangered;
|
||||
}
|
||||
|
||||
.ev_succes{
|
||||
color:lightgreen;
|
||||
}
|
||||
|
||||
.ev_sell{
|
||||
color:orange;
|
||||
}
|
||||
|
||||
.ev_failed{
|
||||
color:orangered;
|
||||
}
|
||||
|
||||
.ev_highlight{
|
||||
color:orangered;
|
||||
}
|
||||
|
||||
/* TODO: 색상값이 아니라 의미에 따라 클래스 지정 */
|
||||
|
||||
.o_bullet::before{
|
||||
color:cyan;
|
||||
content:"●";
|
||||
}
|
||||
|
||||
.o_diamond::before{
|
||||
color:orangered;
|
||||
content:"◆";
|
||||
}
|
||||
|
||||
.small_war_log .war_type_attack{
|
||||
color:cyan;
|
||||
}
|
||||
|
||||
.small_war_log .war_type_defense{
|
||||
color:magenta;
|
||||
}
|
||||
|
||||
.small_war_log .war_type_siege{
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.small_war_log .name_plate{
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.small_war_log .name_plate_cover{
|
||||
color:yellow;
|
||||
}
|
||||
|
||||
.small_war_log .crew_plate{
|
||||
color:orangered;
|
||||
}
|
||||
|
||||
.t_date{
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.t_red{
|
||||
color:red;
|
||||
}
|
||||
|
||||
.t_blue{
|
||||
color:blue;
|
||||
}
|
||||
|
||||
.t_green{
|
||||
color:green;
|
||||
}
|
||||
|
||||
.t_magenta{
|
||||
color:magenta;
|
||||
}
|
||||
|
||||
.t_cyan{
|
||||
color:cyan;
|
||||
}
|
||||
|
||||
.t_limegreen{
|
||||
color:limegreen;
|
||||
}
|
||||
|
||||
.t_skyblue{
|
||||
color:skyblue;
|
||||
}
|
||||
|
||||
.t_orangered{
|
||||
color:orangered;
|
||||
}
|
||||
|
||||
.t_yellow{
|
||||
color:yellow;
|
||||
}
|
||||
|
||||
.t_white{
|
||||
color:white;
|
||||
}
|
||||
|
||||
.float_left{
|
||||
float:left;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,2 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
body {
|
||||
color:white; background-color:black; border-width:1px; border-color:gray; background-image:url('/images/back.jpg'); background-position:center; background-repeat:repeat-y;
|
||||
}
|
||||
|
||||
#container {
|
||||
width:1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.buttonPlate{
|
||||
width:1000px;
|
||||
height:60px;
|
||||
}
|
||||
|
||||
.toolbarButton {
|
||||
float:left;
|
||||
background-color:#225500;
|
||||
color:white;
|
||||
width:125px;
|
||||
height:30px;
|
||||
font-weight:bold;
|
||||
font-size:13px;
|
||||
margin:0;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.toolbarButton2 {
|
||||
float:left;
|
||||
background-color:#225500;
|
||||
color:magenta;
|
||||
width:125px;
|
||||
height:30px;
|
||||
font-weight:bold;
|
||||
font-size:13px;
|
||||
margin:0;
|
||||
display:block;
|
||||
}
|
||||
+465
@@ -0,0 +1,465 @@
|
||||
.world_map{
|
||||
width:700px;
|
||||
background:black;
|
||||
font-size:13px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.map_title{
|
||||
width:700px;
|
||||
height:20px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.map_detail .map_title{
|
||||
background:
|
||||
url('/images/ltitle.jpg') no-repeat left,
|
||||
url('/images/rtitle.jpg') no-repeat right;
|
||||
}
|
||||
|
||||
.map_title_text{
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
width:160px;
|
||||
display:block;
|
||||
line-height:20px;
|
||||
font-size:13px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.map_detail.map_spring .map_title_text{
|
||||
background:
|
||||
url('/images/ad.gif') no-repeat left,
|
||||
url('/images/spring.gif') no-repeat right;
|
||||
}
|
||||
|
||||
.map_detail.map_summer .map_title_text{
|
||||
background:
|
||||
url('/images/ad.gif') no-repeat left,
|
||||
url('/images/summer.gif') no-repeat right;
|
||||
}
|
||||
|
||||
.map_detail.map_fall .map_title_text{
|
||||
background:
|
||||
url('/images/ad.gif') no-repeat left,
|
||||
url('/images/fall.gif') no-repeat right;
|
||||
}
|
||||
|
||||
.map_detail.map_winter .map_title_text{
|
||||
background:
|
||||
url('/images/ad.gif') no-repeat left,
|
||||
url('/images/winter.gif') no-repeat right;
|
||||
}
|
||||
|
||||
.map_body{
|
||||
width:700px;
|
||||
height:500px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.map_spring .map_body{
|
||||
background: url('/images/map1.jpg') no-repeat;
|
||||
}
|
||||
|
||||
.map_summer .map_body{
|
||||
background: url('/images/map2.jpg') no-repeat;
|
||||
}
|
||||
|
||||
.map_fall .map_body{
|
||||
background: url('/images/map3.jpg') no-repeat;
|
||||
}
|
||||
|
||||
.map_winter .map_body{
|
||||
background: url('/images/map4.jpg') no-repeat;
|
||||
}
|
||||
|
||||
.world_map .city_tooltip{
|
||||
position: absolute;
|
||||
z-index:6;
|
||||
display:none;
|
||||
width:120px;
|
||||
border: 0.02em gray solid;
|
||||
}
|
||||
.world_map .city_name{
|
||||
background-color: rgb(30, 164, 255);
|
||||
z-index: 6;
|
||||
line-height:15px;
|
||||
height:15px;
|
||||
|
||||
}
|
||||
.world_map .nation_name{
|
||||
background-color: rgb(30, 164, 255);
|
||||
z-index: 6;
|
||||
line-height:15px;
|
||||
height:15px;
|
||||
border-top: 0.02em gray solid;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.world_map .map_flag{
|
||||
width:12px;
|
||||
height:12px;
|
||||
}
|
||||
|
||||
.world_map.map_detail .my_city{
|
||||
border:solid 1px red;
|
||||
outline:dotted 4px red;
|
||||
}
|
||||
|
||||
|
||||
.world_map.map_detail .city_filler{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
|
||||
.city_base{
|
||||
position:absolute;
|
||||
width:40px;
|
||||
height:30px;
|
||||
}
|
||||
|
||||
.city_base .city_bg{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.city_base div{
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
/*
|
||||
.map_detail .city_base.city_level_{0} .city_bg{
|
||||
//$img = loadImg('/images/cast_{0}.gif');
|
||||
//$parent = cssSelect('.city_base');
|
||||
width: $img.width;
|
||||
height: $img.height;
|
||||
left: ($parent.width - $img.width)/2;
|
||||
top: ($parent.height - $img.height)/2;
|
||||
}
|
||||
*/
|
||||
|
||||
.map_detail .city_base.city_level_1 .city_bg{
|
||||
/*수*/
|
||||
width:48px;
|
||||
height:45px;
|
||||
background-size:48px 45px;
|
||||
left:-4px;
|
||||
top:-7.5px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_2 .city_bg{
|
||||
/*진*/
|
||||
width:60px;
|
||||
height:42px;
|
||||
background-size:60px 42px;
|
||||
left:-10px;
|
||||
top:-6px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_3 .city_bg{
|
||||
/*관*/
|
||||
width:42px;
|
||||
height:42px;
|
||||
background-size:42px 42px;
|
||||
left:-1px;
|
||||
top:-6px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_4 .city_bg{
|
||||
/*이*/
|
||||
width:60px;
|
||||
height:45px;
|
||||
background-size:60px 45px;
|
||||
left:-10px;
|
||||
top:-7.5px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_5 .city_bg{
|
||||
/*소*/
|
||||
width:72px;
|
||||
height:48px;
|
||||
background-size:72px 48px;
|
||||
left:-16px;
|
||||
top:-9px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_6 .city_bg{
|
||||
/*중*/
|
||||
width:78px;
|
||||
height:54px;
|
||||
background-size:78px 54px;
|
||||
left:-19px;
|
||||
top:-12px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_7 .city_bg{
|
||||
/*대*/
|
||||
width:84px;
|
||||
height:60px;
|
||||
background-size:84px 60px;
|
||||
left:-22px;
|
||||
top:-15px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_8 .city_bg{
|
||||
/*특*/
|
||||
width:96px;
|
||||
height:72px;
|
||||
background-size:96px 72px;
|
||||
left:-28px;
|
||||
top:-21px;
|
||||
}
|
||||
|
||||
.city_img{
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
/*
|
||||
.map_detail .city_base.city_level_{0} .city_img{
|
||||
//$img = loadImg('/images/cast_{0}.gif');
|
||||
//$parent = cssSelect('.city_base');
|
||||
width: $img.width;
|
||||
height: $img.height;
|
||||
left: ($parent.width - $img.width)/2;
|
||||
top: ($parent.height - $img.height)/2;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.map_detail .city_base.city_level_1 .city_img{
|
||||
width:16px;
|
||||
height:15px;
|
||||
left:12px;
|
||||
top:7.5px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_2 .city_img{
|
||||
width:20px;
|
||||
height:14px;
|
||||
left:10px;
|
||||
top:8px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_3 .city_img{
|
||||
width:14px;
|
||||
height:14px;
|
||||
left:13px;
|
||||
top:8px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_4 .city_img{
|
||||
width:20px;
|
||||
height:15px;
|
||||
left:10px;
|
||||
top:7.5px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_5 .city_img{
|
||||
width:24px;
|
||||
height:16px;
|
||||
left:8px;
|
||||
top:7px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_6 .city_img{
|
||||
width:26px;
|
||||
height:18px;
|
||||
left:7px;
|
||||
top:6px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_7 .city_img{
|
||||
width:28px;
|
||||
height:20px;
|
||||
left:6px;
|
||||
top:5px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_8 .city_img{
|
||||
width:32px;
|
||||
height:24px;
|
||||
left:4px;
|
||||
top:3px;
|
||||
}
|
||||
|
||||
.map_detail .city_base .city_state{
|
||||
position: absolute;
|
||||
top:5px; /*TODO:도시 레벨 별로 다르게 위치 설정해볼 것*/
|
||||
left:0;
|
||||
}
|
||||
|
||||
.map_detail .city_base .city_flag{
|
||||
position: absolute;
|
||||
width:12px;
|
||||
height:12px;
|
||||
}
|
||||
|
||||
.map_detail .city_base .city_flag > img{
|
||||
width:12px;
|
||||
height:12px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_1 .city_flag{
|
||||
right:-8px;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_2 .city_flag{
|
||||
right:-8px;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_3 .city_flag{
|
||||
right:-8px;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_4 .city_flag{
|
||||
right:-6px;
|
||||
top:-3px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_5 .city_flag{
|
||||
right:-6px;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_6 .city_flag{
|
||||
right:-6px;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_7 .city_flag{
|
||||
right:-6px;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
.map_detail .city_base.city_level_8 .city_flag{
|
||||
right:-6px;
|
||||
top:-3px;
|
||||
}
|
||||
|
||||
.map_detail .city_base .city_flag .city_capital{
|
||||
position: absolute;
|
||||
width:10px;
|
||||
height:10px;
|
||||
top:0;
|
||||
right:-1px;
|
||||
}
|
||||
|
||||
.map_detail .city_base .city_flag .city_capital > img{
|
||||
width:10px;
|
||||
height:10px;
|
||||
}
|
||||
|
||||
/* Basic */
|
||||
|
||||
.world_map.map_basic .city_filler{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
left:0;
|
||||
top:0;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
.world_map.map_basic .my_city{
|
||||
outline:dotted 4px red;
|
||||
}
|
||||
|
||||
.map_basic .city_base .city_img{
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_1 .city_img{
|
||||
width:12px;
|
||||
height:12px;
|
||||
left:14px;
|
||||
top:9px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_2 .city_img{
|
||||
width:12px;
|
||||
height:12px;
|
||||
left:14px;
|
||||
top:9px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_3 .city_img{
|
||||
width:14px;
|
||||
height:14px;
|
||||
left:13px;
|
||||
top:8px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_4 .city_img{
|
||||
width:16px;
|
||||
height:14px;
|
||||
left:12px;
|
||||
top:8px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_5 .city_img{
|
||||
width:18px;
|
||||
height:16px;
|
||||
left:11px;
|
||||
top:7px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_6 .city_img{
|
||||
width:20px;
|
||||
height:16px;
|
||||
left:10px;
|
||||
top:7px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_7 .city_img{
|
||||
width:22px;
|
||||
height:18px;
|
||||
left:9px;
|
||||
top:6px;
|
||||
}
|
||||
|
||||
.map_basic .city_base.city_level_8 .city_img{
|
||||
width:24px;
|
||||
height:18px;
|
||||
left:8px;
|
||||
top:6px;
|
||||
}
|
||||
|
||||
|
||||
.map_basic .city_base .city_capital{
|
||||
position: absolute;
|
||||
width:5px;
|
||||
height:5px;
|
||||
top:-2px;
|
||||
right:-2px;
|
||||
background-color:yellow;
|
||||
}
|
||||
|
||||
.map_basic .city_base .city_state{
|
||||
position: absolute;
|
||||
width:10px;
|
||||
height:10px;
|
||||
top:-2px;
|
||||
left:-4px;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
.map_basic .city_base .city_state.city_state_war{
|
||||
background-color:red;
|
||||
}
|
||||
|
||||
.map_basic .city_base .city_state.city_state_bad{
|
||||
background-color:orange;
|
||||
}
|
||||
|
||||
.map_basic .city_base .city_state.city_state_good{
|
||||
background-color:blue;
|
||||
}
|
||||
Vendored
+447
@@ -0,0 +1,447 @@
|
||||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in
|
||||
* IE on Windows Phone and in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
figcaption,
|
||||
figure,
|
||||
main { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct display in IE 9-.
|
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
*/
|
||||
|
||||
details, /* 1 */
|
||||
menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Scripting
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hidden
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user