divzeroweb

2f30.org website
git clone git://git.2f30.org/divzeroweb.git
Log | Files | Refs | README | LICENSE

style.css (2776B)


      1 * {
      2 	box-sizing: border-box;
      3 }
      4 html {
      5 	font-family: sans-serif;
      6 	font-size: 10px;
      7 }
      8 body {
      9 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     10 	font-size: 14px;
     11 	line-height: 1.42857;
     12 	color: #f8f8f8;
     13 	background-color: #111;
     14 	margin: 0;
     15 }
     16 a {
     17 	background-color: transparent;
     18 	color: #8dc;
     19 	text-decoration: none;
     20 }
     21 a:focus, a:hover {
     22 	color: #8fc;
     23 	text-decoration: underline;
     24 }
     25 h1 {
     26 	font-size: 2em;
     27 	margin: .67em 0;
     28 }
     29 img {
     30 	border: 0 none;
     31 	vertical-align: middle;
     32 }
     33 h1, h2, h3, h4, h5, h6 {
     34 	font-family: inherit;
     35 	font-weight: 500;
     36 	line-height: 1.1;
     37 	color: inherit;
     38 }
     39 h1, h2, h3 {
     40 	margin-top: 20px;
     41 	margin-bottom: 10px;
     42 }
     43 h4, h5, h6 {
     44 	margin-top: 10px;
     45 	margin-bottom: 10px;
     46 }
     47 h1 {
     48 	font-size: 36px;
     49 }
     50 h2 {
     51 	font-size: 30px;
     52 }
     53 h3 {
     54 	font-size: 24px;
     55 }
     56 h4 {
     57 	font-size: 18px;
     58 }
     59 h5 {
     60 	font-size: 14px;
     61 }
     62 h6 {
     63 	font-size: 12px;
     64 }
     65 p {
     66 	margin: 0 0 10px;
     67 }
     68 .text-justify {
     69 	text-align: justify;
     70 }
     71 ol, ul {
     72 	margin-top: 0;
     73 	margin-bottom: 10px;
     74 }
     75 .container {
     76 	padding-right: 15px;
     77 	padding-left: 15px;
     78 	margin-right: auto;
     79 	margin-left: auto;
     80 }
     81 @media (min-width: 768px) {
     82 	.container {
     83 		width: 750px;
     84 	}
     85 }
     86 @media (min-width: 992px) {
     87 	.container {
     88 		width: 970px;
     89 	}
     90 }
     91 @media (min-width: 1200px) {
     92 	.container {
     93 		width: 1170px;
     94 	}
     95 }
     96 .nav {
     97 	padding-left: 0;
     98 	margin-bottom: 0;
     99 	list-style: outside none none;
    100 }
    101 .nav::after {
    102 	display: table;
    103 	content: " ";
    104 	clear: both;
    105 }
    106 .nav > li {
    107 	position: relative;
    108 	display: block;
    109 }
    110 .nav > li > a {
    111 	position: relative;
    112 	display: block;
    113 	padding: 10px 15px;
    114 	border-bottom: 1px solid #333;
    115 }
    116 .nav > li > a:focus, .nav > li > a:hover {
    117 	text-decoration: none;
    118 	background-color: #171717;
    119 	border-bottom: 1px solid #8fc;
    120 }
    121 .nav-tabs {
    122 	border-bottom: 1px solid #333;
    123 }
    124 .nav-tabs > li {
    125 	float: left;
    126 	margin-bottom: -1px;
    127 }
    128 .nav-tabs > li > a {
    129 	margin-right: 2px;
    130 	line-height: 1.42857;
    131 }
    132 .nav-tabs > li.active > a {
    133 	cursor: default;
    134 	border-bottom: 1px solid #8dc;
    135 }
    136 .modal-footer {
    137 	text-align: right;
    138 	border-top: 1px solid #333;
    139 	padding: 15px;
    140 }
    141 #header h1 {
    142 	font-family: monospace;
    143 	font-size: 60px;
    144 	font-weight: 700;
    145 }
    146 #icecast {
    147 	width: 100%;
    148 	height: 225px;
    149 	border-width: 0;
    150 }
    151 pre {
    152 	display: block;
    153 	padding: 9.5px;
    154 	margin: 0px 0px 10px;
    155 	font-size: 13px;
    156 	line-height: 1.42857;
    157 	color: #eee;
    158 	word-break: break-all;
    159 	word-wrap: break-word;
    160 	background-color: #111;
    161 	border: 1px solid #333;
    162 }
    163 code {
    164 	padding: 2px 4px;
    165 	font-size: 90%;
    166 	color: pink;
    167 	background-color: #111;
    168 }
    169 pre code {
    170 	padding: 0px;
    171 	font-size: inherit;
    172 	color: inherit;
    173 	white-space: pre-wrap;
    174 	background-color: transparent;
    175 }
    176 code, pre {
    177 	font-family: monospace;
    178 }
    179 
    180 /* print style, remove header and redundant stuff */
    181 @media print {
    182 	h1, h2, #header, #footer {
    183 		display: none;
    184 	}
    185 	.container {
    186 		width: auto !important;
    187 	}
    188 }