Difference between revisions of "Team:XMU-China/css/interlab"

Revision as of 09:42, 8 October 2018 (view source) Cyclohexane (Talk | contribs) ← Older edit		Latest revision as of 07:40, 17 October 2018 (view source) Cyclohexane (Talk | contribs)
(11 intermediate revisions by the same user not shown)
Line 4:		Line 4:
	margin: 0;		margin: 0;
	top: 20%;		top: 20%;
−	left: 85vw;	+	left: 85.5vw;
	-webkit-transform: translateY(-50%);		-webkit-transform: translateY(-50%);
	transform: translateY(-50%);		transform: translateY(-50%);
Line 12:		Line 12:
	float: left;		float: left;
	}		}
−
−
	#Quick_A {		#Quick_A {
Line 23:		Line 21:
	top: 12.25vw;		top: 12.25vw;
	position: relative;		position: relative;
−
	}		}
Line 47:		Line 44:
	#Quick_F {		#Quick_F {
	text-align: left;		text-align: left;
−	padding-left: 1vw;	+	padding-left: 0.6vw;
	color: #1d2087 !important;		color: #1d2087 !important;
	text-decoration: none;		text-decoration: none;
−	font-size: 1vw;	+	font-size: 1rem;
	line-height: 1vw;		line-height: 1vw;
	-webkit-transition: color 0.3s;		-webkit-transition: color 0.3s;
Line 58:		Line 55:
	z-index: 1;		z-index: 1;
	white-space: nowrap;		white-space: nowrap;
−
	}		}
Line 106:		Line 102:
	display: none;		display: none;
	}		}
−	#Cell_Measurement h1,	+
−	#Colony_Forming_Units h1,	+	.js-scroll-step {
−	#Experience_and_Discussion h1,	+	padding-top: 3.5rem;
−	#Provenance h1,	+	margin-bottom: 0rem;
−	#Reference h1 {	+
−	font-size: 1rem;	+
	}		}
	}		}
Line 130:		Line 124:
	@media screen and (min-width: 90rem) {}		@media screen and (min-width: 90rem) {}
		+
		+	.click_here:after {
		+	content: "\f0a5";
		+	font-family: fontawesome;
		+	}
		+
		+	.click_here {
		+	color: #1d2087;
		+	}
		+	.engagement img{
		+	margin: 2vw 0;
		+	}
		+
		+	.MathJax {
		+	outline: 0;
		+	}
		+
		+	.MathJax span {
		+	font-size: 1rem;
		+	}
		+
		+	.MathJax_Display {
		+	overflow-x: auto;
		+	overflow-y: hidden;
		+	margin: 0 !important;
		+	}

---

Latest revision as of 07:40, 17 October 2018

.Quick-navigation {

   position: fixed;
   z-index: 1;
   margin: 0;
   top: 20%;
   left: 85.5vw;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);

}

.Quick-navigation_word {

   float: left;

}

1. Quick_A {

   top: 10vw;
   position: relative;

}

1. Quick_B {

   top: 12.25vw;
   position: relative;

}

1. Quick_C {

   top: 14.5vw;
   position: relative;

}

1. Quick_D {

   top: 16.75vw;
   position: relative;

}

1. Quick_F {

   top: 19vw;
   position: relative;

}

1. Quick_A,
2. Quick_B,
3. Quick_C,
4. Quick_D,
5. Quick_F {

   text-align: left;
   padding-left: 0.6vw;
   color: #1d2087 !important;
   text-decoration: none;
   font-size: 1rem;
   line-height: 1vw;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   display: block;
   position: absolute;
   z-index: 1;
   white-space: nowrap;

}

1. Quick_A:hover,
2. Quick_B:hover,
3. Quick_C:hover,
4. Quick_D:hover,
5. Quick_F:hover {

   font-weight: bolder;

}

.current+a {

   font-weight: bolder;

}

.Quick-navigation-item>img {

   display: none;

}

.Quick-navigation-item.current>img {

   display: block;
   position: absolute;

}

.js-scroll-step {

   margin-bottom: 3.5rem;

}

.Quick-navigation-item img {

   top: 10vw;
   height: 10vw;
   margin: 0;
   float: left;
   position: relative;

}

.Quick-navigation_word>img {

   top: 10vw;
   height: 10vw;
   margin: 0;
   float: left;
   position: relative;

}

@media screen and (max-width: 769px) {

   .Quick-navigation {
       display: none;
   }

   .js-scroll-step {
       padding-top: 3.5rem;
       margin-bottom: 0rem;
   }

}

@media screen and (min-width: 769px) and (max-width: 89.9375rem) {

   .Quick-navigation {
       left: 85vw;
   }

   #Quick_A,
   #Quick_B,
   #Quick_C,
   #Quick_D,
   #Quick_F {
       font-size: 0.8vw;
   }

}

@media screen and (min-width: 90rem) {}

.click_here:after {

   content: "\f0a5";
   font-family: fontawesome;

}

.click_here {

   color: #1d2087;

} .engagement img{

   margin: 2vw 0;

}

.MathJax {

   outline: 0;

}

.MathJax span {

   font-size: 1rem;

}

.MathJax_Display {

   overflow-x: auto;
   overflow-y: hidden;
   margin: 0 !important;

}