틀:Ratsei-Info-TrainStation/styles.css 문서 원본 보기

/*------------------------------------------------------Hover------------------------------------------------------*/
/*
.RInfo-TS-HoverAbox:hover {
  box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5);
  z-index:3;
}
.RInfo-TS-HoverBbox:hover {
  box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5);
  z-index:3;
}
.RInfo-TS-HoverAbox {
  z-index:2;
}
.RInfo-TS-HoverBbox {
  z-index:2;
}*/
/*------------------------------------------------------Effect------------------------------------------------------*/
.tiledBackground img {
  object-fit: cover;
  object-position: center 75%;
  height:250px;
}
.tiledBackground-Oline img {
  object-fit: contain;
  object-position: center center;
  height:850px;
}
.tiledBackground-Nline img {
  object-fit: contain;
  object-position: center center;
  height:950px;
}
.tiledBackground-R img {
  object-fit: cover;
  object-position: right 75%;
  height:386.5px;
}
.tiledBackground-C img {
  object-fit: cover;
  object-position: center 75%;
  height:386.5px;
}
.tiledBackground img {
  object-fit: cover;
  object-position: center 75%;
  height:250px;
}
.tiledBackground-100 img {
  object-fit: cover;
  object-position: center 75%;
  height:100%;
}
.FT-ST2 {
  filter: contrast(90%) brightness(130%) saturate(120%);
}
.FT-ST {
  filter: saturate(30%);
}
.FT-ST3 {
  filter: saturate(60%);
}
/*------------------------------------------------------Banner------------------------------------------------------*/
.RInfo-TS-BannerBox {
	display:flex;
	align-content:center;
	font-size:12px;
	font-family:GmarketSansMedium;
    border-bottom:1px solid rgba(255,255,255,0.2);
}
.RInfo-TS-BannerImg {
	flex:0 0 60px;
    padding-left:15px;
    margin-bottom:-1px;
}
.RInfo-TS-BannerText {
	flex:1 1 auto;
    text-align:right;
    padding:1px 8px 0px;
    margin-bottom:-1px;
    line-height:100%;
    align-content:center;
    min-width:max-content;
}
/*------------------------------------------------------Title------------------------------------------------------*/
.RInfo-TS-TitleBox {
	display:flex;
    align-content:center;
    background:#444;
    color:white;
    font-family:Pretendard JP Variable;
    padding:7px 15px;
    line-height:100%;
}
.RInfo-TS-TitleImg {
	flex:0 0 55px;
    margin-bottom:-5px;
}
.RInfo-TS-TitleText {
	flex:1 1 auto;
    text-align:right;
    align-content:center;
    font-size:20px;
    padding-top:2px;
    min-width:max-content;
}
.RInfo-TS-TitleSub {
	color:#999;
    font-size:12px;
    margin-top:8px;
}
/*------------------------------------------------------Content------------------------------------------------------*/
.RInfo-TS-ContentBox {
	background:#ede8df;
    color:#333;
    padding:12px 15px 0px;
    border:none;
    text-align:left;
    font-size:10px;
    line-height:120%;
    border-top:3px solid #fff;
    font-family:GmarketSansMedium;
}
.RInfo-TS-ContentImg {
	display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
.RInfo-TS-ContentText {
	display:inline-block;
    font-size:20px;
    vertical-align:bottom;
    line-height:19px;
    font-weight:bold;
}
.RInfo-TS-ContentSub {
	display:inline-block;
    vertical-align:bottom;
    margin-left:4px;
    color:#666;
    font-size:11px;
}
/*------------------------------------------------------Detail------------------------------------------------------*/
.RInfo-TS-DetailBox {
	text-align:center;
    line-height:150%;
    padding:10px;
    border-left:none;
    background:#ede8df;
    color:#444;
    font-family:GmarketSansMedium;
    vertical-align:top;
    padding-bottom:10px;
}
.RInfo-TS-DetailTitle {
	border-bottom:1px solid #444;
    border-top:1px solid #444;
    text-align:left;
    margin-right:0px;
    margin-bottom:10px;
    font-size:85%;
    padding-left:5px;
    background:#444;
    color:#FFF;
}
.RInfo-TS-DetailBar {
	display:flex;
    font-size:10px;
    border-bottom:4px solid #ede8df;
    line-height:0px;
    min-width:max-content;
}
.RInfo-TS-DetailLeft {
	flex:0 0 65px;
    text-align:left;
    padding:5px;
    border-right:1px solid #444;
    align-content: center;
    min-width:max-content;
}
.RInfo-TS-DetailRight {
	flex:0 0 65px;
    text-align:right;
    padding:5px;
    border-left:1px solid #444;
    align-content: center;
    min-width:max-content;
}
.RInfo-TS-DetailArrow {
	flex:0 0 30px;
    text-align:center;
    opacity:.5;
    align-content: center;
}
.RInfo-TS-Detail {
	flex:1 0 auto;
    text-align:left;
    align-content: center;
}
.RInfo-TS-DetailImg {
	display:inline-block;
    vertical-align:middle;
    margin:-2px 0px 2px;
    padding:3px 0px;
}
.RInfo-TS-Tclass {
	display:inline-block;
    vertical-align:middle;
    background:#e71f19;
    border-radius:8px;
    padding:2px 5px 0px;
    font-size:10px;
    color:white;
    line-height:100%;
    margin-bottom:1px;
    font-family:Pretendard JP Variable;
}