Difference between revisions of "Team:IISER-Kolkata/style.css"

Revision as of 04:22, 30 June 2018 (view source) Prajwalp (Talk | contribs) ← Older edit		Revision as of 09:16, 27 July 2018 (view source) Quasar (Talk | contribs) Newer edit →
Line 74:		Line 74:
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
−	font-family: blogger !important;	+	font-family: blogger;
−	font-size: 4vw !important;	+	font-size: 4vw ;
		+	}
		+	span.heading {
		+	font-size: 1.5vw;
		+	font-family: prime;
	}		}
	#title_desc{		#title_desc{
Line 86:		Line 90:
	justify-content: center;		justify-content: center;
	font-family: sans-serif;		font-family: sans-serif;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
Line 103:		Line 107:
	align-items: center;		align-items: center;
	position: absolute;		position: absolute;
−	font-size: 1.2vw !important;	+	font-size: 1.2vw;
	font-family: sans-serif;		font-family: sans-serif;
	}		}
Line 143:		Line 147:
	top:17vh;		top:17vh;
	position: absolute;		position: absolute;
		+	}
		+	span.instructName {
		+	font-size: 2vw;
		+	}
		+	span.studentName {
		+	font-size: 1.2vw;
	}		}
	#dbt{		#dbt{
Line 149:		Line 159:
	top:15vh;		top:15vh;
	position: absolute;		position: absolute;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
	#dbt_des{		#dbt_des{
Line 159:		Line 169:
	opacity: 0;		opacity: 0;
	color: white;		color: white;
−	text-align: center !important;	+	text-align: center;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
	#dbt_des:hover{		#dbt_des:hover{
Line 169:		Line 179:
	left:10vw;		left:10vw;
	position: absolute;		position: absolute;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
	#gb{		#gb{
Line 181:		Line 191:
	left:39vw;		left:39vw;
	position: absolute;		position: absolute;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
	#gb_des{		#gb_des{
Line 191:		Line 201:
	opacity: 0;		opacity: 0;
	color: white;		color: white;
−	text-align: center !important;	+	text-align: center;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
	#gb_des:hover{		#gb_des:hover{
Line 207:		Line 217:
	left:61vw;		left:61vw;
	position: absolute;		position: absolute;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	}		}
	#idt_des{		#idt_des{
Line 216:		Line 226:
	background-color: gray;		background-color: gray;
	opacity: 0;		opacity: 0;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	color: white;		color: white;
−	text-align: center !important;	+	text-align: center;
	}		}
	#idt_des:hover{		#idt_des:hover{
Line 230:		Line 240:
	}		}
	#ik_des{		#ik_des{
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	width:15vw;		width:15vw;
	left:82vw;		left:82vw;
Line 238:		Line 248:
	opacity: 0;		opacity: 0;
	color: white;		color: white;
−	text-align: center !important;	+	text-align: center;
	}		}
	#ik_des:hover{		#ik_des:hover{
Line 246:		Line 256:
	position: absolute;		position: absolute;
	left:86vw;		left:86vw;
−	font-size:1.2vw !important;	+	font-size:1.2vw !importan;
	top:47vh;		top:47vh;
	}		}
Line 258:		Line 268:
	width:25vw;		width:25vw;
	left:20vw;		left:20vw;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	top:63vh;		top:63vh;
	position: absolute;		position: absolute;
Line 264:		Line 274:
	opacity: 0;		opacity: 0;
	color: white;		color: white;
−	text-align: center !important;	+	text-align: center;
	}		}
	#neb_des:hover{		#neb_des:hover{
Line 272:		Line 282:
	left:26vw;		left:26vw;
	top:80vh;		top:80vh;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	position: absolute;		position: absolute;
	}		}
Line 284:		Line 294:
	width: 35vw;		width: 35vw;
	left:55vw;		left:55vw;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	top: 65vh;		top: 65vh;
	position: absolute;		position: absolute;
Line 290:		Line 300:
	opacity: 0;		opacity: 0;
	color: white;		color: white;
−	text-align: center !important;	+	text-align: center;
	}		}
	#sg_des:hover{		#sg_des:hover{
Line 297:		Line 307:
	#sg_text{		#sg_text{
	left:70vw;		left:70vw;
−	font-size:1.2vw !important;	+	font-size:1.2vw;
	top:80vh;		top:80vh;
	position: absolute;		position: absolute;
Line 304:		Line 314:
	width: 40vw;		width: 40vw;
	height:80vh;		height:80vh;
−	font-size: 1.5vw !important;	+	font-size: 1.5vw;
	position: absolute;		position: absolute;
	left:10vw;		left:10vw;
Line 377:		Line 387:
	}		}
	.pagelink div p {		.pagelink div p {
−	font-family: prime !important;	+	font-family: prime;
−	font-size: 1.2vw !important;	+	font-size: 1.2vw;
	color: #cccccc;		color: #cccccc;
	}		}
Line 423:		Line 433:
	border: solid black 0.1vw;		border: solid black 0.1vw;
	position: absolute;		position: absolute;
−	font-size: 1.2vw !important;	+	font-size: 1.2vw;
	}		}
−	/*aboutUs page*/	+	/*abstract page*/
−	#aboutUs {	+	#abstract {
	background-color: #D8D9E5;		background-color: #D8D9E5;
	}		}
−	/*events page*/	+	/*descr page*/
−	#events {	+	#descr {
	background-color: #B4BAC2;		background-color: #B4BAC2;
	}		}
−	#gallery {	+	#details {
	background-color: #D8D9E5;		background-color: #D8D9E5;
	}		}
Line 446:		Line 456:
	background-color: #D8D9E5;		background-color: #D8D9E5;
	}		}
−	#reachUs {	+	#contactUs {
	background-color: #B4BAC2;		background-color: #B4BAC2;
	height: 100vh;		height: 100vh;
	}		}

---

Revision as of 09:16, 27 July 2018

.logo_2018, #firstHeading, #top_menu_under { display:none;}

1. content {

width: 100vw; padding: 0; margin-left:0; } /*fonts*/ @font-face {

   src: url("https://static.igem.org/mediawiki/2018/1/14/T--IISER-Kolkata--blogger.ttf");
   font-family: blogger;

} @font-face {

   src: url("https://static.igem.org/mediawiki/2018/7/7a/T--IISER-Kolkata--prime.otf");
   font-family: prime;

} @font-face {

   src: url("https://static.igem.org/mediawiki/2018/5/5a/T--IISER-Kolkata--rodina.otf");
   font-family: rodina;

} @font-face {

   src: url("https://static.igem.org/mediawiki/2018/f/f7/T--IISER-Kolkata--social.ttf");
   font-family: social;

}

/*body*/ body, html {

   width: 100vw;
   margin: 0;
   padding: 0;

} body {

   height: auto;
   overflow-y: scroll;
   overflow-x: hidden;
   margin: auto;

} body::-webkit-scrollbar-track {

   background-color: black;

} body::-webkit-scrollbar {

   width: 1vw;

} body::-webkit-scrollbar-thumb {

   background-color: #999999;

} body::-webkit-scrollbar-thumb:hover {

   background-color: #777777;

}

1. container {

   height: auto;
   width: 100vw;
   display: flex;
   flex-direction: column;

}

1. home_gif{

   width: 55vw;
   margin-left: 20vw;
   margin-top: 2vh;

}

1. main_title{

   top: 60vh;
   left: 22vw;
   height: 6vw;
   width: 6vw;
   position: absolute;
   align-items: center;
   justify-content: center;
   font-family: blogger;
   font-size: 4vw ;

} span.heading {

   font-size: 1.5vw;
   font-family: prime;

}

1. title_desc{

   position: absolute;
   left: 40vw;
   top: 65vh;
   height: 4vh;
   width:40vw;
   align-items: center;
   justify-content: center;
   font-family: sans-serif;
   font-size:1.2vw;

}

1. mascot{

   margin-left:5vw;
   margin-top: 15vh;

}

1. abstract_text{

   height:70vh;
   width:55vw;
   left:40vw;
   top:13vh;
   justify-content: center;
   align-items: center;
   position: absolute;
   font-size: 1.2vw;
   font-family: sans-serif;

}

1. descript ,#details{

   height:70vh;
   width:80vw;
   top:20vh;
   left:10vw;

}

1. des_left ,#det_cont{

   position: absolute;
   left:10vw;
   top: 15vh;
   width: 80vw;
   justify-content: center;
   align-items: center;
   text-align: justify;
   font-family: sans-serif;

}

1. team_left{

   width: 35vw;
   height: 70vh;
   left:10vw;
   top:25vh;
   position: absolute;

}

1. team_right{

   width: 35vw;
   height: 70vh;
   left:45vw;
   top:17vh;
   position: absolute;

}

1. team_right2{

   width: 35vw;
   height: 70vh;
   left:75vw;
   top:17vh;
   position: absolute;

} span.instructName {

   font-size: 2vw;

} span.studentName {

   font-size: 1.2vw;

}

1. dbt{

   width:15vw;
   left:10vw;
   top:15vh;
   position: absolute;
   font-size:1.2vw;

}

1. dbt_des{

   width:15vw;
   left:10vw;
   top:20vh;
   position: absolute;
   background-color: gray;
   opacity: 0;
   color: white;
   text-align: center;
   font-size:1.2vw;

}

1. dbt_des:hover{

   opacity: 1;

}

1. dbt_text{

   top:45vh;
   left:10vw;
   position: absolute;
   font-size:1.2vw;

}

1. gb{

   width:25vw;
   position: absolute;
   left:30vw;
   top:15vh;

}

1. gb_text{

   top:33vh;
   left:39vw;
   position: absolute;
   font-size:1.2vw;

}

1. gb_des{

   width:25vw;
   position: absolute;
   left:30vw;
   top:18vh;
   background-color: gray;
   opacity: 0;
   color: white;    
   text-align: center;
   font-size:1.2vw;

}

1. gb_des:hover{

   opacity: 1;

}

1. idt{

   width:17.5vw;
   left:60vw;
   top:15vh;
   position: absolute;

}

1. idt_text{

   top:33vh;
   left:61vw;
   position: absolute;
   font-size:1.2vw;

}

1. idt_des{

   width:17.5vw;
   left:60vw;
   top:15vh;
   position: absolute;
   background-color: gray;
   opacity: 0;
   font-size:1.2vw;
   color: white; 
   text-align: center;

}

1. idt_des:hover{

   opacity: 1;

}

1. ik{

   width:15vw;
   left:82vw;
   top:15vh;
   position: absolute;

}

1. ik_des{

   font-size:1.2vw;
   width:15vw;
   left:82vw;
   top:25vh;
   position: absolute;
   background-color: gray;
   opacity: 0;
   color: white; 
   text-align: center;    

}

1. ik_des:hover{

   opacity: 1;

}

1. ik_text{

   position: absolute;
   left:86vw;
   font-size:1.2vw !importan;
   top:47vh;

}

1. neb{

   width:25vw;
   left:20vw;
   top:60vh;
   position: absolute;

}

1. neb_des{

   width:25vw;
   left:20vw;
   font-size:1.2vw;
   top:63vh;
   position: absolute;
   background-color: gray;
   opacity: 0;
   color: white; 
   text-align: center;

}

1. neb_des:hover{

   opacity: 1;

}

1. neb_text{

   left:26vw;
   top:80vh;
   font-size:1.2vw;
   position: absolute;

}

1. sg{

   width: 35vw;
   left:55vw;
   top: 60vh;
   position: absolute;

}

1. sg_des{

   width: 35vw;
   left:55vw;
   font-size:1.2vw;
   top: 65vh;
   position: absolute;
   background-color: gray;
   opacity: 0;
   color: white; 
   text-align: center;

}

1. sg_des:hover{

   opacity: 1;

}

1. sg_text{

   left:70vw;
   font-size:1.2vw;
   top:80vh;
   position: absolute;

}

1. phys{

   width: 40vw;
   height:80vh;
   font-size: 1.5vw;
   position: absolute;
   left:10vw;
   top: 20vh;

}

1. write{

   width: 40vw;
   height: 35vh;
   left:55vw;
   top:12vh;
   position: absolute;

}

1. soc{

   left:55vw;
   top:70vh;
   position: absolute;
   width:40vw;
   height: 30vh;

} .ver_tab{

   display:inline-block; 
   width: 2vw;

}

/*navbar*/

1. menubar {

   width: 100vw;
   height: 3vw;
   background-color: rgba(0,0,0,1);
   display: inline-flex;
   align-items: center;  
   position: absolute;
   top: 100vh;
   left: 0vw;
   z-index: 10;

}

1. menubar.stickymenu {

   position: fixed;
   top: 16px;
   left: 0vw;

}

1. menubar #logo {

   margin-left: 1vw;
   margin-right: 1vw;
   display: flex;
   width: 2.5vw;
   height: 2.5vw;     

}

1. logo img {

   height: 100%;
   width: 100%;

}

1. menubar .pagelink {

   display: flex;  
   align-items: center;
   justify-content: center;   
   height: 100%;
   width: 8vw;        

}

1. menubar .pagelink#registerMenu {

   margin-left: auto;

}

1. menubar .pagelink#loginMenu {

   margin-right: 1vw;

} .pagelink div {

   cursor: pointer;
   -webkit-transition: 0.2s linear;
   -moz-transition: 0.2s linear;
   -o-transition: 0.2s linear;
   transition: 0.2s linear;

} .pagelink div p {

   font-family: prime;
   font-size: 1.2vw; 
   color: #cccccc;   

} .pagelink div:hover > p {

   color: white !important;

}

section {

   position: relative;
   display: flex;
   height: 100vh;
   width: 100vw;

}

1. home {

   background: white;
   height: 100vh;

}

1. home #iiserk {

   height: 6vw;
   width: 6vw;    
   display: flex;
   align-items: center;  
   position: absolute;
   top: 1vw;
   left: 1vw;
   z-index: 5;
   cursor: pointer;

}

1. iiserk a img {

   height: 6vw;
   width: auto;

}

1. home #pagedown {

   top: 90vh;
   left: 47vw;
   height: 3vw;
   width: 6vw;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: gray;
   border: solid black 0.1vw;
   position: absolute;
   font-size: 1.2vw;

}

/*abstract page*/

1. abstract {

   background-color: #D8D9E5;

}

/*descr page*/

1. descr {

   background-color: #B4BAC2;

}

1. details {

   background-color: #D8D9E5;

}

1. ourTeam {

   background-color: #B4BAC2;

}

1. sponsors {

   background-color: #D8D9E5;

}

1. contactUs {

   background-color: #B4BAC2;
   height: 100vh;

}