Difference between revisions of "Team:NCHU Taichung/style/main.css"
| Line 42: | Line 42: | ||
display: block; | display: block; | ||
text-align: -webkit-right; | text-align: -webkit-right; | ||
| + | height: unset!important; | ||
} | } | ||
.ui.vertical.menu { | .ui.vertical.menu { | ||
| Line 50: | Line 51: | ||
} | } | ||
@media only screen and (max-width: 767px) { | @media only screen and (max-width: 767px) { | ||
| − | + | /* #top_menu_14 { | |
display: none; | display: none; | ||
| − | }*/ | + | } */ |
#logo { | #logo { | ||
padding-top: none; | padding-top: none; | ||
| Line 101: | Line 102: | ||
.six.wide.column { | .six.wide.column { | ||
display: flex!important; | display: flex!important; | ||
| − | align-items: center; | + | align-items: center!important; |
} | } | ||
.clmnImg { | .clmnImg { | ||
| Line 121: | Line 122: | ||
display: inline-table!important; | display: inline-table!important; | ||
} | } | ||
| + | |||
.longP { | .longP { | ||
line-height: 1.78rem; | line-height: 1.78rem; | ||
| + | } | ||
| + | #topSeg { | ||
| + | border-top: none; | ||
} | } | ||
/* --- main bg --- */ | /* --- main bg --- */ | ||
| Line 150: | Line 155: | ||
} | } | ||
#first { | #first { | ||
| − | height: 25%; | + | height: 23.25%; |
} | } | ||
#eq { | #eq { | ||
| − | height: calc((100% - | + | height: calc((100% - 35%) / 3); |
} | } | ||
#grandpa { | #grandpa { | ||
| Line 183: | Line 188: | ||
margin-right: unset; | margin-right: unset; | ||
border-top: .2em solid #b5cc18!important; | border-top: .2em solid #b5cc18!important; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.header#top { | .header#top { | ||
| Line 197: | Line 198: | ||
#globalWrapper { | #globalWrapper { | ||
padding-bottom: 0; | padding-bottom: 0; | ||
| + | } | ||
| + | #HQ_page p { | ||
| + | font-family: inherit!important; | ||
| + | font-size: 15px!important; | ||
} | } | ||
/* #top_menu_inside { | /* #top_menu_inside { | ||
Revision as of 10:56, 17 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: 1024px) {
#submenu {
left: 0px;
top: 36px!important;
}
#railMenu {
display: none;
}
#mobileRailMenu {
display: block;
text-align: -webkit-right;
height: unset!important;
}
.ui.vertical.menu {
width: 30vw;
background: white;
border-radius: 4px 0 0 4px;
}
} @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;
}
} .ui.inverted.segment, .ui.inverted.menu {
background: #afbfa5;
} body {
background: #fafff8;
} body > * {
font-size: initial!important;
} .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!important;
} .clmnImg {
box-shadow: 3px 5px 14px 0px #cdcdcd!important; border-radius: .21428571rem;
}
- labelImg {
min-height: 100%; text-align: center;
} .ribbon.label {
z-index: 2;
} .divided.grid {
margin-left: 0px; margin-right: 0px;
} .grid > .row > .column {
display: inline-table!important;
}
.longP {
line-height: 1.78rem;
}
- topSeg {
border-top: none;
} /* --- main bg --- */
- mainbg {
display: block; width: 100vw; height: 160vw; background-image: url() ; background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; }
/* #mainbg > * {
border: solid;
} */
- mainbg > .grid {
height: 100%;
}
- mainbg > .grid > .row {
/* border: solid!important; */ align-items: center;
}
- paddtoprow {
height: 6.75%;
}
- first {
height: 23.25%;
}
- eq {
height: calc((100% - 35%) / 3);
}
- grandpa {
width: 60%; margin-left: auto; margin-right: auto;
}
- degration {
width: 80%; margin-left: auto; margin-right: auto;
}
/* Remove heritage css */
- top_title {
display: none;
}
- content {
padding: unset; margin: unset; width: -webkit-fill-available;
}
- HQ_page {
width: 100vw;
}
- HQ_page table {
margin-left: unset; margin-right: unset; border-top: .2em solid #b5cc18!important;
} .header#top {
margin-top: 10px;
} /* #top_menu_14 {
background: #afbfa5; border: none;
} */
- globalWrapper {
padding-bottom: 0;
}
- HQ_page p {
font-family: inherit!important; font-size: 15px!important;
} /* #top_menu_inside {
border: none;
}
- top_menu_inside a {
color: #ffffff38!important;
}
- top_menu_inside #user_item {
color: #ffffff38; float: left; padding-top: 0;
} */