server/src/main/webapp/static/css/index.css
author ymh <ymh.work@gmail.com>
Mon, 14 Jan 2013 16:00:07 +0100
changeset 51 3247fccfbd3f
parent 47 267d67791e05
child 81 555a094e2000
permissions -rw-r--r--
update on renkan
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
47
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
 body {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
   margin: 0;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
   height: 100%;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
   color: #333;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
   font: 14px helvetica, sans-serif;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
   background: #ddd;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
   background: -webkit-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
   background: -moz-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
   background: -ms-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
   background: -o-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
   border-top: 8px solid rgba(51,51,51,.8);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
 #wrapper {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
   border-top: 1px solid #999;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
   margin-top: 160px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
   padding: 15px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
   background: #eee;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
   background: -webkit-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
   background: -moz-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
   background: -ms-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
   background: -o-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
   opacity: .9;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
   box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
 #inner {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
   width: 300px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
   margin: 0 auto;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
 #button {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
   margin: 0 auto;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
   border-radius: 3px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
   text-align: center;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
   font: 36px verdana,arial,sans-serif;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
   color: white;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
   text-shadow: 0 -1px 0 rgba(0,0,0,.8);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
   height: 70px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
   line-height: 70px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
   background: #555;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
   background: -webkit-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
   background: -moz-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
   background: -ms-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
   background: -o-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
   box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
 #button:hover {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    46
   cursor: pointer;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
   background: #666;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
   background: -webkit-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    49
   background: -moz-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    50
   background: -ms-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
   background: -o-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
 #button:active {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
   box-shadow: inset 0 1px 12px rgba(0,0,0,0.9);
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
   background: #444;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    56
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    57
 #label {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
   text-align: left;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
   text-shadow: 0 1px 1px #fff;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
   margin: 16px auto 0;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
 form {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
   height: 38px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
   background: #fff;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    65
   border: 1px solid #bbb;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    66
   border-radius: 3px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    67
   position: relative;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    68
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    69
 button, input {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    70
   font-weight: bold;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    71
   font-size: 15px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    72
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    73
 input[type="text"] {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    74
   border-radius: 3px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    75
   box-sizing: border-box;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    76
   -moz-box-sizing: border-box;   
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    77
   padding: 0 45px 0 10px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    78
   *padding: 0; /* IE7 hack */
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    79
   width: 100%;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    80
   height: 100%;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    81
   outline: none;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    82
   border: none;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    83
   position: absolute;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    84
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    85
 button[type="submit"] {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    86
   position: absolute;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    87
   right: 0;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    88
   width: 45px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    89
   height: 38px;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    90
 }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    91
 @media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    92
   body {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    93
     background: #bbb;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    94
     background: -webkit-linear-gradient(#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    95
     background: -moz-linear-gradient(#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    96
     background: -ms-linear-gradient(#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    97
   }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    98
   #wrapper {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
    99
     margin-top: 0;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   100
   }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   101
   #inner {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   102
     width: 95%;        
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   103
   }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   104
   #label {
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   105
     text-align: center;
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   106
   }
267d67791e05 first stabilization of editing a renkan.
ymh <ymh.work@gmail.com>
parents:
diff changeset
   107
 }