First commit from sublimetext3 plugin. (51781624) · Commits · Corentin Bettiol / l3m-website

css/design.css

+116 −6

Original line number	Diff line number	Diff line
		@@ -8,35 +8,132 @@ body{
		margin: 0;
		padding: 0;
		font-family: ubuntulight;
		font-size: 1.7em;
		font-size: 1.5em;
		background-color: #e3e3e3;
		}

		header{
		display: flex;
		flex-direction: row;
		justify-content: center;
		justify-content: space-between;
		align-items: center;
		font-family: ubuntumono;
		background-color: #f0f0f0;
		padding: 2px;
		}

		header header img{
		vertical-align: middle;
		}

		h1{
		display: inline-block;
		width: auto;
		margin: 0 0 0 15px;
		color: #2E2E2E;
		text-shadow: 0 0 3px #6699ff;
		}

		ul{
		list-style-type: none;
		font-size: 1.5em;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: auto;
		margin: 15px 0;
		padding: 0;
		}

		li{
		display: inline-block;
		li a{
		padding: 7px;
		margin: 5px;
		}


		/*
		====
		Media Queries
		*/

		@media all and (max-width: 1350px){
		header{
		justify-content: space-around;
		}

		ul{
		font-size: 1.2em;
		}
		}

		@media all and (max-width: 1190px){
		h1{
		font-size: 1.2em;
		}
		}

		@media all and (max-width: 1075px){
		header header img{
		width: 45px;
		height: 45px;
		}
		h1{
		margin-left: 2px;
		}
		}

		@media all and (max-width: 1020px){
		li a{
		margin: 2px;
		padding: 2px;
		}
		}

		@media all and (max-width: 900px){
		header{
		flex-direction: column;
		margin-top: 5px;
		}

		header header img{
		width: auto;
		height: auto;
		}

		header header h1{
		font-size: 1.7em;
		margin: 0;
		}
		}

		@media all and (max-width: 700px){
		header{
		background-color: #e3e3e3;
		}
		nav{
		width: 75%;
		}

		ul{
		flex-wrap: wrap;
		justify-content: center;
		}

		li{
		margin: 2px 5px;
		}
		}

		@media all and (max-width: 370px){
		li{
		width: 100%;
		text-align: center;
		}
		}

		/*
		====
		Debug
		Fonts
		*/

		@font-face {
		@@ -49,11 +146,24 @@ Debug
		src: url("../fonts/UbuntuMono.ttf");
		}


		/*
		====
		Debug
		*/

		/*

		body *{
		border: 1px solid black;
		}

		header{
		border: 1px solid red;
		}

		nav{
		border: 1px solid green;
		}

		*/
		No newline at end of file