mark.george / jetty
Transfer to URL with SHA Find file
Newer
Older
jetty / src / main / webapp / css / style.css
Mark George on 21 Feb 2019 2 KB Convert into a Gradle project
Raw Blame History 
  1. @import url("forms.css");  /* import forms layout */
  2.  
  3. body {
  4.    background: rgb(60,60,60);
  5.    font-family: Arial;
  6.    font-size: 12pt;
  7. }
  8.  
  9. h1 {
  10.    background: black;
  11.    color: white;
  12.    padding: 5px;
  13.    margin-left:-20px;
  14.    margin-right:-20px;
  15.    text-align: center;
  16. }
  17.  
  18. #content {
  19.    border:thick;
  20.    border-style:solid;
  21.    border-color:black;
  22.    border-radius: 25px 25px 25px 25px;         /* CSS3 */
  23.    background:rgb(210,210,210);
  24.    margin-top:10pt;
  25.    margin-left:auto;
  26.    margin-right:auto;
  27.    margin-top:50px;
  28.    padding: 20px;
  29.    width:90%;
  30.    max-width:800px;
  31. }
  32.  
  33. table {
  34.    margin-left:auto;
  35.    margin-right:auto;
  36.    position:relative;
  37.    border-style:none;
  38.    border-collapse: collapse;
  39.    width: 90%;
  40. }
  41.  
  42. td, th {
  43.    border:thin;
  44.    border-width: 1px 0px 1px 0px;
  45.    border-style: dotted;
  46.    padding-left: 5px;
  47.    padding-right: 5px;
  48. }
  49.  
  50. th {
  51.    text-align: left;
  52. }
  53.  
  54. div#menu {
  55.    text-align:center;
  56. }
  57.  
  58. div#welcome {
  59.    text-align: left;
  60. }
  61.  
  62. div#images {
  63.    margin:auto;
  64.    text-align:center;
  65. }
  66.  
  67. div#menu a {
  68.    border: medium;
  69.    border-style: solid;
  70.    border-radius: 10px 10px 10px 10px;
  71.    background: rgb(200,200,200);
  72.    text-decoration: none;
  73.    font-weight: bolder;
  74.    color: black;
  75.    padding: 5px;
  76.    margin: 3px;
  77. }
  78.  
  79. input#quantityToAdd {
  80.    width:3em;
  81.    margin-right: 10px;
  82. }
  83.  
  84. /* fieldset fonts/colors/margins */
  85.  
  86. fieldset {
  87.    border-color:silver;
  88.    background:rgb(200,200,200);
  89.    margin:auto;
  90. }
  91.  
  92. fieldset legend {
  93.    color:black;
  94.    font-weight:bold;
  95. }
  96.  
  97. /* make input components change color when focused */
  98.  
  99. /*input[type="text"]:hover, textarea:hover, select:hover, input[type="password"]:hover,
  100. input[type="text"]:focus, textarea:focus, select:focus, input[type="password"]:focus {
  101.    background-color:#ffff99;
  102.    border-color:#999999;
  103. }*/
  104.  
  105. /* numeric table cells */
  106.  
  107. table .currency, table .quantity {
  108.   text-align:right;
  109. }
  110.  
  111. /* fieldset widths */
  112.  
  113. fieldset#login {
  114.    width:245px;
  115. }
  116.  
  117. fieldset#createaccount {
  118.    width:250px;
  119. }
  120.  
  121. fieldset#quantitytobuy {
  122.    width:245px;
  123. }
  124.  
  125. img {
  126.    /*display: block;*/
  127.    margin: auto;
  128. }