radio

radio.ircforever.org
git clone git://git.ircforever.org/radio
Log | Files | Refs | Submodules | README | LICENSE

style.css (1765B)

      1 /* This work is in the public domain. See COPYING file for details. */
      2 
      3 body {
      4 	margin: 10px;
      5 	font-size: 16px;
      6 	font-family: monospace;
      7 }
      8 
      9 ul {
     10 	list-style-type: none;
     11 	margin: 10px 0px;
     12 	padding: 0;
     13 	overflow: hidden;
     14 	border: 1px solid darkgrey;
     15 }
     16 
     17 li {
     18 	float: left;
     19 }
     20 
     21 li:last-child {
     22 	float: right;
     23 }
     24 
     25 li a {
     26 	display: block;
     27 	color: dimgray;
     28 	text-align: center;
     29 	padding: 14px 16px;
     30 	text-decoration: none;
     31 }
     32 
     33 li:first-child a {
     34 	font-weight: bold;
     35 	color: dodgerblue;
     36 }
     37 
     38 li a:hover:not(.active) {
     39 	background-color: lightgrey;
     40 }
     41 
     42 li a.active {
     43 	color: white;
     44 	background-color: dodgerblue;
     45 }
     46 
     47 table {
     48 	margin: 10px 0px;
     49 }
     50 
     51 table.about {
     52 	margin-left: auto;
     53 	margin-right: auto;
     54 }
     55 
     56 th, td {
     57 	padding: 5px 10px;
     58 	text-align: left;
     59 }
     60 
     61 tr:nth-child(odd) {
     62 	background-color: gainsboro;
     63 }
     64 
     65 .stream {
     66 	min-height: 300px;
     67 }
     68 
     69 .stream .player {
     70 	float: left;
     71 	width: 300px;
     72 	margin-left: calc(45% - 300px);
     73 	margin-right: 1%;
     74 }
     75 
     76 .stream .title {
     77 	font-size: 20px;
     78 	font-weight: bold;
     79 }
     80 
     81 .stream .player img, .stream .player audio {
     82 	display: block;
     83 	margin-left: auto;
     84 	margin-right: auto;
     85 	border: 1px solid darkgrey;
     86 }
     87 
     88 .stream .player audio {
     89 	width: 300px;
     90 	height: 40px;
     91 }
     92 
     93 hr {
     94 	margin: 20px 0px;
     95 	border: none;
     96 	height: 1px;
     97 	background-color: darkgrey;
     98 }
     99 
    100 @media screen and (max-width: 600px) {
    101 	li, li:last-child {
    102 		float: none;
    103 	}
    104 }
    105 
    106 @media screen and (max-width: 680px) {
    107 	.stream a {
    108 		display: block;
    109 		margin: 10px auto;
    110 		text-align: center;
    111 	}
    112 	.stream .player, .stream table {
    113 		margin-left: auto;
    114 		margin-right: auto;
    115 		float: none;
    116 	}
    117 }
    118 
    119 p.footer {
    120 	text-align: center;
    121 	color: dimgrey;
    122 }
    123 
    124 form textarea {
    125 	font-size: 16px;
    126 }
    127 
    128 .thread_header {
    129 	color: dimgrey;
    130 }
    131 
    132 .thread {
    133 	margin: 10px 0px;
    134 	padding: 0px 10px;
    135 	border: 1px solid darkgrey;
    136 }