Difference between revisions of "Team:NCHU Taichung/style/main.css"

Revision as of 08:40, 16 October 2018 (view source) YoYodeTW (Talk | contribs) ← Older edit		Revision as of 14:02, 16 October 2018 (view source) YoYodeTW (Talk | contribs) Newer edit →
Line 30:		Line 30:
	#mobileRailMenu {		#mobileRailMenu {
	display: none;		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;
		+	}
		+	.ui.vertical.menu {
		+	width: 30vw;
		+	background: white;
		+	border-radius: 4px 0 0 4px;
		+	}
	}		}
	@media only screen and (max-width: 767px) {		@media only screen and (max-width: 767px) {
Line 58:		Line 76:
	#sidemenu {		#sidemenu {
	width: 100vw;		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;
	}		}
	}		}
Line 129:		Line 131:
	}		}
−	#mainbg > * {	+	/* #mainbg > * {
−	/* border: solid; */	+	border: solid;
−	}	+	} */
	#mainbg > .grid {		#mainbg > .grid {
	height: 100%;		height: 100%;
Line 140:		Line 142:
	}		}
	#paddtoprow {		#paddtoprow {
−	height: 6.25%;	+	height: 6.5%;
	}		}
	#first {		#first {
−	height: 23.75%;	+	height: 23.5%;
	}		}
	#eq {		#eq {
Line 154:		Line 156:
	}		}
	#degration {		#degration {
−	width: 75%;	+	width: 80%;
	margin-left: auto;		margin-left: auto;
	margin-right: auto;		margin-right: auto;

---

Revision as of 14:02, 16 October 2018

.main {

 margin: 60px auto 60px auto;

}

1. padding{

 height: 80vh;

}

1. 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;

}

1. sidemenu {

 display: none;

}

1. 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;
 }
 .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;

} .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;

}

1. 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;

}

/* --- main bg --- */

1. mainbg {

 display: block;
 width: 100vw;
 height: 160vw;
 background-image: url() ;
 background-size: cover;
 -webkit-background-size: cover;

-moz-background-size: cover; }

/* #mainbg > * {

 border: solid;

} */

1. mainbg > .grid {

 height: 100%;

}

1. mainbg > .grid > .row {

 /* border: solid!important; */
 align-items: center;

}

1. paddtoprow {

 height: 6.5%;

}

1. first {

 height: 23.5%;

}

1. eq {

 height: calc((100% - 35%) / 3);

}

1. grandpa {

 width: 60%;
 margin-left: auto;
 margin-right: auto;

}

1. degration {

 width: 80%;
 margin-left: auto;
 margin-right: auto;

}

/* Remove heritage css */

1. top_title {

 display: none;

}

1. content {

 padding: unset;
 margin: unset;
 width: -webkit-fill-available;

}

1. HQ_page {

   width: 100vw;

} .header#top {

 margin-top: 10px;

} /* #top_menu_14 {

 background: #afbfa5;
 border: none;

} */

1. globalWrapper {

 padding-bottom: 0;

} /* #top_menu_inside {

 border: none;

}

1. top_menu_inside a {

 color: #ffffff38!important;

}

1. top_menu_inside #user_item {

 color: #ffffff38;
 float: left;
 padding-top: 0;

} */