Difference between revisions of "Team:NCHU Taichung/style/main.css"
| Line 100: | Line 100: | ||
.clmnImg { | .clmnImg { | ||
box-shadow: 3px 5px 14px 0px #cdcdcd!important; | box-shadow: 3px 5px 14px 0px #cdcdcd!important; | ||
| − | border-radius: | + | border-radius: .21428571rem; |
} | } | ||
#labelImg { | #labelImg { | ||
| Line 106: | Line 106: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| + | .ribbon.label { | ||
| + | z-index: 2; | ||
| + | } | ||
| + | |||
| + | /* --- main bg --- */ | ||
| + | |||
| + | #mainbg { | ||
| + | display: block; | ||
| + | width: 100vw; | ||
| + | height: 160vw; | ||
| + | background-image: url(../img/indexbg.png) ; | ||
| + | background-size: cover; | ||
| + | -webkit-background-size: cover; | ||
| + | -moz-background-size: cover; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
Revision as of 14:12, 15 October 2018
.main {
margin: 60px auto 60px auto;
}
- padding{
height: 80vh;
}
- logo {
padding-top: 2px; width: 100px;
} .fixed.menu {
padding-top: 15px; /* width: 100vw; */
} .ui.menu .item {
padding: 0.98em 0.58em;
} .tablet.computer.row {
padding: unset;
} .segments {
border: none!important;
} .raised.segment {
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15)!important;
}
- sidemenu {
display: none;
}
- mobileRailMenu {
display: none;
} @media only screen and (max-width: 767px) {
#top_menu_14 {
display: none;
}
#logo {
padding-top: none;
width: 100px;
}
.ui.main.text.container {
margin-top: 40px;
}
/* .ui.hidden.header {
display: none;
} */
.fixed.menu {
padding-bottom: 10px;
height: 40px;
}
#openSidebar {
background: transparent;
}
#sidebar {
padding: 0px;
align-items: center;
}
#sidemenu {
width: 100vw;
}
#submenu {
left: 0px;
top: 36px!important;
}
#railMenu {
display: none;
}
#mobileRailMenu {
display: block;
text-align: -webkit-right;
}
.ui.vertical.menu {
width: 30vw;
background: white;
border-radius: 4px 0 0 4px;
}
} .ui.inverted.segment, .ui.inverted.menu {
background: #afbfa5;
} body {
background: #fafff8;
} .left.rail {
right: 87%!important; padding-top: 160px!important;
} .sticky.fixed.top {
margin-top: 65px!important;
}
.ui.styled.accordion {
margin-left: auto; margin-right: auto;
} .six.wide.column {
display: flex!important; align-items: center;
} .clmnImg {
box-shadow: 3px 5px 14px 0px #cdcdcd!important; border-radius: .21428571rem;
}
- labelImg {
min-height: 100%; text-align: center;
} .ribbon.label {
z-index: 2;
}
/* --- main bg --- */
- mainbg {
display: block; width: 100vw; height: 160vw; background-image: url(../img/indexbg.png) ; background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; }
/* Remove heritage css */
- top_title {
display: none;
}
- content {
padding: unset; margin: unset; width: -webkit-fill-available;
}
- HQ_page {
width: 100vw;
} .header#top {
margin-top: 10px;
} /* #top_menu_14 {
background: #afbfa5; border: none;
} */
- globalWrapper {
padding-bottom: 0;
} /* #top_menu_inside {
border: none;
}
- top_menu_inside a {
color: #ffffff38!important;
}
- top_menu_inside #user_item {
color: #ffffff38; float: left; padding-top: 0;
} */