general.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. body{
  2. margin:0;
  3. }
  4. label{
  5. margin-bottom:0px;
  6. }
  7. a{
  8. cursor: pointer;
  9. text-decoration:none;
  10. }
  11. a:hover {
  12. text-decoration:none;
  13. }
  14. /* navbar first */
  15. .nav-top{
  16. line-height:40px;
  17. background-color: #e6e6e6;
  18. }
  19. .nav-top div{
  20. text-align:center;
  21. }
  22. .website_title{
  23. font-size:36px;
  24. vertical-align: middle;
  25. }
  26. .navbar-default.nav-top ul {
  27. display: inline-block;
  28. float: right;
  29. }
  30. .navbar-top{
  31. position:absolute;
  32. top:0;
  33. right:10px;
  34. }
  35. .navbar-default ul.navbar-top li {
  36. float: left;
  37. font-size: 12px;
  38. }
  39. .navbar-top>li>a {
  40. padding:8px 8px;
  41. }
  42. .language{
  43. float:left;
  44. font-size : 1em;
  45. text-align: center;
  46. width:80px;
  47. }
  48. .nobuttoncolor{
  49. background-color: Transparent;
  50. border: none;
  51. cursor:pointer;
  52. }
  53. /* navbar second */
  54. .navbar{
  55. margin-bottom:0px;
  56. }
  57. .nav-bottom{
  58. margin-top:40px;
  59. }
  60. .navbar-inverse .navbar-nav>li>a{
  61. color: white;
  62. font-size: 1.2em;
  63. }
  64. .navbar-inverse .navbar-nav>li>a:hover {
  65. background: #3c5d5b;
  66. color: #f0f1f5;
  67. }
  68. .navbar-toggle{
  69. float:left;
  70. }
  71. .nav>li.collapse{
  72. visibility: collapse;
  73. display:none;
  74. }
  75. .navbar-inverse .nav>li>a{
  76. padding:15px 8px;
  77. }
  78. /* body mainpage */
  79. .mainpage {
  80. width:100%;
  81. margin-top:90px;
  82. text-align:center;
  83. }
  84. .page_title{
  85. clear:left;
  86. text-align:center;
  87. font-size:2em;
  88. padding:20px;
  89. }
  90. .show_img{
  91. width:100%;
  92. height:300px;
  93. background-color:gray;
  94. }
  95. .show_text{
  96. float:left;
  97. margin-left:auto;
  98. margin-right:auto;
  99. }
  100. .detail {
  101. border-radius: 8px;
  102. background-color: #008CBA;
  103. border: 2px solid #008CBA;
  104. color: white;
  105. padding: 10px 28px;
  106. text-align: center;
  107. text-decoration: none;
  108. display: inline-block;
  109. font-size: 16px;
  110. margin: 4px 2px;
  111. cursor: pointer;
  112. transition-duration: 0.4s;
  113. }
  114. .detail:hover {
  115. background-color: white;
  116. color: black;
  117. border: 2px solid #008CBA;
  118. }
  119. /* button rent */
  120. .btn_rent{
  121. /*position:absolute;
  122. top:180px;
  123. right:50px;*/
  124. margin-left:50px;
  125. }
  126. /* rent page button */
  127. .btn_rent_action{
  128. width:100%;
  129. height:100%;
  130. border-radius: 8px;
  131. background-color: #008CBA;
  132. border: 2px solid #008CBA;
  133. color: white;
  134. text-align: center;
  135. text-decoration: none;
  136. display: inline-block;
  137. font-size: 1em;
  138. cursor: pointer;
  139. transition-duration: 0.4s;
  140. }
  141. .btn_rent_action:hover {
  142. background-color: white;
  143. color: black;
  144. }
  145. /* rent page table */
  146. #cssTable {
  147. margin:30px auto;
  148. /*border: 1px solid black;
  149. background-color:#e6e6e6;*/
  150. }
  151. #cssTable th, #cssTable td {
  152. border-bottom: 1px solid #ddd;
  153. text-align:center;
  154. }
  155. #cssTable tr{
  156. height:50px;
  157. }
  158. #cssTable td {
  159. vertical-align:middle;
  160. width:120px;
  161. }
  162. /* go top */
  163. div.go_top{
  164. position:fixed;
  165. bottom:3%;
  166. right:20px;
  167. }
  168. /* level 1 2 3 */
  169. .radio-toolbar input[type="radio"] {
  170. display: none;
  171. }
  172. .radio-toolbar label {
  173. display: inline-block;
  174. background-color: #ddd;
  175. padding: 4px 11px;
  176. font-family: Arial;
  177. font-size: 16px;
  178. cursor: pointer;
  179. }
  180. .radio-toolbar input[type="radio"]:checked+label {
  181. background-color: #737373;
  182. }