rune-workshop

A web ui to make runes
git clone git://jb55.com/rune-workshop
Log | Files | Refs | README

style.css (1101B)

      1 
      2 body {
      3   background-color: #333;
      4   color: #ddd;
      5   font-family: -apple-system, -system-ui, sans-serif;
      6 }
      7 
      8 select {
      9 	cursor: pointer;
     10 	padding: 6px;
     11 	border-radius: 8px;
     12 	
     13 	background-color: #666;
     14 	margin: 20px 0 20px 0;
     15 }
     16 
     17 a {
     18 	color: white;
     19 }
     20 
     21 a:visited {
     22 	color: #ccc;
     23 }
     24 
     25 #footer {
     26 	display: flex;
     27 	justify-content: center;
     28 	margin-top: 50px;
     29 }
     30 
     31 .param-name {
     32 	color: white;
     33 }
     34 
     35 .badge {
     36 	font-size: 0.7em;
     37 	padding: 3px;
     38 	background-color: #666;
     39 	color: white;
     40 	border-radius: 5px;
     41 }
     42 
     43 .param-required {
     44 	font-weight: bold;
     45 }
     46 
     47 .type-required {
     48 	background-color: #BE72CE;
     49 }
     50 
     51 .required {
     52 	font-size: 0.6em;
     53 	color: #888;
     54 }
     55 
     56 header {
     57 	margin-bottom: 20px;
     58 }
     59 
     60 #command {
     61 	width: 100%;
     62 	height: 50px;
     63 }
     64 
     65 .type-string {
     66 	background-color: #006400;
     67 }
     68 
     69 
     70 option {
     71 	color: white;
     72 }
     73 
     74 header {
     75 	display: flex;
     76 	align-items: center;
     77 }
     78 
     79 #container {
     80   margin: auto;
     81   max-width: 800px;
     82 }
     83 
     84 @media (min-width: 400px)
     85 .container {
     86     width: 85%;
     87     padding: 0;
     88 }
     89 
     90 h1,h3{
     91   margin: 0;
     92 }
     93 
     94 h2 {
     95   margin: 20px 0 20px 0;
     96 }
     97 
     98 h1 {
     99   color: #FF7D06;
    100 }
    101 
    102 h2,h3 {
    103   color: #FFB906;
    104 }
    105 
    106 header > img {
    107   margin-right: 20px;
    108 }