all repos — site @ 139490b9e6a720c8f0607cd4827e2354c01e752f

source for my site, found at icyphox.sh

static/style.css (view raw)

  1html,
  2body {
  3	background: #021012;
  4}
  5
  6.container {
  7	position: absolute;
  8	overflow: hidden;
  9	top: 0;
 10	bottom: 0;
 11	left: 0;
 12	right: 0;
 13	color: white;
 14	font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
 15	font-size: 14px;
 16	-webkit-animation: fadein 3s;
 17	   -moz-animation: fadein 3s;
 18	    -ms-animation: fadein 3s;
 19	     -o-animation: fadein 3s;
 20	        animation: fadein 3s;
 21}
 22
 23@keyframes fadein {
 24	from { opacity: 0; }
 25	to   { opacity: 1; }
 26}
 27
 28@-moz-keyframes fadein {
 29	from { opacity: 0; }
 30	to   { opacity: 1; }
 31}
 32
 33@-webkit-keyframes fadein {
 34	from { opacity: 0; }
 35	to   { opacity: 1; }
 36}
 37
 38.introduction {
 39	position: absolute;
 40	top: 50%;
 41	transform: translateY(-50%);
 42	width: 100%;
 43}
 44
 45.logo {
 46	width: 220px;
 47}
 48
 49.footer {
 50	color: gray;
 51	bottom: 20px;
 52	position: absolute;
 53	width: 100%;
 54	text-align: center;
 55	margin-bottom: 20px;
 56}
 57
 58.header {
 59	color: cyan;
 60	top: 20px;
 61	position: absolute;
 62	width: 100%;
 63	text-align: left;
 64	margin: 20px;
 65}
 66
 67a {
 68	color: gray;
 69	margin: 0;
 70	transition: all 200ms;
 71	text-decoration: none;
 72}
 73
 74a:hover {
 75	color: #021012;
 76	background: cyan;
 77}
 78
 79.left {
 80	display: inline-block;
 81	margin-bottom: 30px;
 82	margin-left: 0;
 83	margin-right: 30px;
 84}
 85
 86.right {
 87	display: inline-block;
 88}
 89
 90.right a {
 91	display: inline-block;
 92	margin-right: 30px;
 93}
 94
 95.noselect{
 96  -webkit-touch-callout:none;
 97  -webkit-user-select:none;
 98  -khtml-user-select:none;
 99  -moz-user-select:none;
100  -ms-user-select:none;
101  user-select:none
102}
103
104@media only screen and (max-width: 40em) {
105	.left {
106		display: block;
107		margin-right: 0;
108	}
109	.right {
110		display: block;
111	}
112	.right a:last-child {
113		margin-right: 0;
114	}
115	.content {
116		left: 15%;
117		width: 70%;
118	}
119
120  .logo {
121    width: 180px;
122  }
123}