pyratestart

startpage
git clone git://git.pyratebeard.net/pyratestart.git
Log | Files | Refs | README

style.css (2361B)

      1 @font-face {
      2     font-family: 'saxmono';
      3     src: url('../fnt/saxmono-webfont.woff') format('woff');
      4     font-weight: normal;
      5     font-style: normal;
      6 }
      7 @font-face {
      8     font-family: 'envy';
      9     src: url("../fnt/envy_code_r.eot");
     10     src: url("../fnt/envy_code_r.eot?#iefix") format('embedded-opentype'),
     11          url("../fnt/envy_code_r.woff2") format('woff2'),
     12          url("../fnt/envy_code_r.woff") format('woff'),
     13          url("../fnt/envy_code_r.ttf") format('truetype'),
     14          url("../fnt/envy_code_r.svg") format('svg');
     15     font-weight: normal;
     16     font-style: normal;
     17 }
     18 body {
     19 	background-color: #202020;
     20 	color: #c2c2b0;
     21 	font-family: "saxmono";
     22 	font-size: 16px
     23 }
     24 
     25 .container {
     26 	display: flex;
     27 	flex-wrap: wrap;
     28 	align-items: center;
     29 	justify-content: center;
     30 	height: 100%;
     31 	width: auto;
     32 }
     33 .section {
     34 	margin: auto;
     35 	width: 599px;
     36 }
     37 
     38 .row {
     39 	display: flex;
     40 }
     41 
     42 .col {
     43 	flex: 1 1 0%
     44 }
     45 .col-left {
     46 	text-align: center;
     47 }
     48 .col-mid {
     49 	text-align: center;
     50 }
     51 .col-right {
     52 	text-align: center;
     53 }
     54 
     55 img {
     56 	height: 43px;
     57 	width: auto;
     58 }
     59 h1,h2,h3,h4,h5 {
     60 	text-transform: uppercase;
     61 	font-weight: normal;
     62 }
     63 
     64 h1 {
     65 	color: #58929b;
     66 	margin: 0px;
     67 }
     68 
     69 h2,h3,h4,h5 {
     70 	color: #60928f;
     71 }
     72 
     73 a {
     74 	text-decoration: none
     75 }
     76 
     77 ul {
     78 	list-style-type: none;
     79     float: left;
     80     width: 100%;
     81 	margin-top: 0px;
     82 	margin-bottom: 32px;
     83 	padding-left: 0px;
     84 }
     85 li {
     86 	width 100%;
     87     font-size: 16px;
     88     color: #90baca;
     89 }
     90 li a {
     91 	color: #c2c2b0;
     92 	font-weight: normal;
     93 	text-decoration: none;
     94     font-size: 16px;
     95 }
     96 li a:hover,
     97 li a:focus {
     98 	outline: none;
     99     color: #151515;
    100 	background-color: #b0afa8;
    101 }
    102 
    103 #search {
    104 	text-align: center;
    105 	margin-top: 15px;
    106 }
    107 input[type=text]:focus {
    108 	color: #e8e85a;
    109 	outline: none;
    110 	border: none;
    111 }
    112 
    113 input[type=text] {
    114 	outline: none;
    115 	border: none;
    116     background-color: #151515;
    117 	color: #c2c2b0;
    118 	width: 50%;
    119 	height: 50px;
    120 	padding: 5px 0px 5px 15px;
    121     font-family: 'envy';
    122     font-size: 13px;
    123 	text-align: left;
    124 	-webkit-transition: all 0.30s ease-in-out;
    125 }
    126 input#find {
    127     border: solid 2px #2b2b2d;
    128     border-radius: 2px;
    129     max-width: 100%;
    130     font-family: 'envy';
    131 }
    132 ::placeholder {
    133 	color: #3f3639;
    134 }
    135 ::-webkit-scrollbar {
    136 	background: #181819;
    137 	border: 0;
    138 	border-radius: 0;
    139 }
    140 ::-webkit-scrollbar-track {
    141 	background: #181819;
    142 	border: 0;
    143 	border-radius: 0;
    144 }
    145 ::-webkit-scrollbar-thumb {
    146 	background: #181819;
    147 	border-radius: 0;
    148 }