boards/sam3x-ek/examples/sam3x-ek_http_server/sd_data/etc/style.css

   1
   2
   3
   4
   5 body {
   6         font-family:  helvetica;
   7         margin: 0px;
   8         padding: 0px;
   9         font-size: 0.9em;
  10         color:#296628;
  11         background-color: #cccccc;
  12 }
  13
  14 #header h1,#header h3, #header div, #header img {
  15         display: inline-block;
  16         vertical-align: top;
  17
  18 }
  19
  20 #header {
  21         border-style: solid;
  22         border-color: #3E9A3C;
  23         border-width: 1px;
  24         border-top-width: 10px;
  25         border-bottom-width: 10px;
  26         /*border-top-left-radius: 10px;
  27         border-top-right-radius: 10px;*/
  28 }
  29
  30
  31 #header h1 {
  32         color:#3E9A3C;
  33         margin-top: 35px;
  34         text-shadow:3px 3px 1px #eee;
  35         margin-bottom: 0px;
  36 }
  37
  38 #header h3 {
  39         margin-top: 0px;
  40         color:#F58220;
  41 }
  42
  43 #conteiner {
  44         width: 800px;
  45         margin:0px auto;
  46         background-color: #ffffff;
  47
  48 }
  49
  50 #footer {
  51         padding: 15px;
  52         background-color: #3E9A3C;
  53         color:#FFFFFF;
  54 }
  55
  56 #footer a {
  57         color:#FCAF17;
  58 }
  59
  60
  61 .content {
  62         padding: 15px;
  63         border-style: solid;
  64         border-color: #3E9A3C;
  65         border-width: 0px 1px 1px 1px;
  66 }
  67
  68
  69
  70 .control {
  71         display: inline-block;
  72         min-width: 250px;
  73 }
  74
  75 .led-on {
  76         color:#FFFFFF;
  77         font-size: 0.9em;
  78         cursor:pointer;
  79         width:55px;
  80         display:inline-block;
  81         background-color:#3E9A3C;
  82         border: 1px solid #3E9A3C;
  83         padding: 2px;
  84         margin: 5px;
  85         -webkit-border-radius: 5px;
  86         -moz-border-radius: 5px;
  87         border-radius: 5px;
  88 }
  89
  90 .led-on span {
  91         background-color:#FFFFFF;
  92         float:right;
  93         width: 17px;
  94         height: 17px;
  95         margin-left: 5px;
  96         -webkit-border-radius: 5px;
  97         -moz-border-radius: 5px;
  98         border-radius: 5px;
  99         display: inline-block;
 100 }
 101
 102 .led-off {
 103         color:#FFFFFF;
 104         font-size: 0.9em;
 105         cursor:pointer;
 106         width:55px;
 107         display:inline-block;
 108         background-color:#F58220;
 109         border: 1px solid #F58220;
 110         padding: 2px;
 111         margin: 5px;
 112         -webkit-border-radius: 5px;
 113         -moz-border-radius: 5px;
 114         border-radius: 5px;
 115 }
 116
 117 .led-off span {
 118         background-color:#FFFFFF;
 119         width: 17px;
 120         height: 17px;
 121         margin-right: 5px;
 122         -webkit-border-radius: 5px;
 123         -moz-border-radius: 5px;
 124         border-radius: 5px;
 125         display: inline-block;
 126 }
 127
 128 .trigger {
 129         width:200px;
 130         display:inline-block;
 131         border: 1px solid #3E9A3C;
 132         padding: 1px;
 133         margin: 5px;
 134         -webkit-border-radius: 5px;
 135         -moz-border-radius: 5px;
 136         border-radius: 5px;
 137 }
 138
 139 .trigger span {
 140         background-color:#3E9A3C;
 141         width: 0px;;
 142         height: 17px;
 143         -webkit-border-radius: 5px;
 144         -moz-border-radius: 5px;
 145         border-radius: 5px;
 146         display: inline-block;
 147 }
 148
 149 #temperature-plot{
 150         height: 250px;
 151         margin: 15px;
 152 }
 153
 154
 155 .box {
 156         color:#FFFFFF;
 157         font-size: 0.9em;
 158         width:55px;
 159         display:inline-block;
 160         background-color:#3E9A3C;
 161         border: 1px solid #3E9A3C;
 162         padding: 2px;
 163         margin: 5px;
 164         text-align:center;
 165         -webkit-border-radius: 5px;
 166         -moz-border-radius: 5px;
 167         border-radius: 5px;
 168 }
 169
 170
 171