123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- body{
- margin:0;
- }
- label{
- margin-bottom:0px;
- }
- a{
- cursor: pointer;
- text-decoration:none;
- }
- a:hover {
- text-decoration:none;
- }
- /* navbar first */
- .nav-top{
- line-height:40px;
- background-color: #e6e6e6;
- }
- .nav-top div{
- text-align:center;
- }
- .website_title{
- font-size:36px;
- vertical-align: middle;
- }
- .navbar-default.nav-top ul {
- display: inline-block;
- float: right;
- }
- .navbar-top{
- position:absolute;
- top:0;
- right:10px;
- }
- .navbar-default ul.navbar-top li {
- float: left;
- font-size: 12px;
- }
- .navbar-top>li>a {
- padding:8px 8px;
- }
- .language{
- float:left;
- font-size : 1em;
- text-align: center;
- width:80px;
- }
- .nobuttoncolor{
- background-color: Transparent;
- border: none;
- cursor:pointer;
- }
- /* navbar second */
- .navbar{
- margin-bottom:0px;
- }
- .nav-bottom{
- margin-top:40px;
- }
- .navbar-inverse .navbar-nav>li>a{
- color: white;
- font-size: 1.2em;
- }
- .navbar-inverse .navbar-nav>li>a:hover {
- background: #3c5d5b;
- color: #f0f1f5;
- }
- .navbar-toggle{
- float:left;
- }
- .nav>li.collapse{
- visibility: collapse;
- display:none;
- }
- .navbar-inverse .nav>li>a{
- padding:15px 8px;
- }
- /* body mainpage */
- .mainpage {
- width:100%;
- margin-top:90px;
- text-align:center;
- }
- .page_title{
- clear:left;
- text-align:center;
- font-size:2em;
- padding:20px;
- }
- .show_img{
- width:100%;
- height:300px;
- background-color:gray;
- }
- .show_text{
- float:left;
- margin-left:auto;
- margin-right:auto;
- }
- .detail {
- border-radius: 8px;
- background-color: #008CBA;
- border: 2px solid #008CBA;
- color: white;
- padding: 10px 28px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- transition-duration: 0.4s;
- }
- .detail:hover {
- background-color: white;
- color: black;
- border: 2px solid #008CBA;
- }
- /* button rent */
- .btn_rent{
- /*position:absolute;
- top:180px;
- right:50px;*/
- margin-left:50px;
- }
- /* rent page button */
- .btn_rent_action{
- width:100%;
- height:100%;
- border-radius: 8px;
- background-color: #008CBA;
- border: 2px solid #008CBA;
- color: white;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 1em;
- cursor: pointer;
- transition-duration: 0.4s;
- }
- .btn_rent_action:hover {
- background-color: white;
- color: black;
- }
- /* rent page table */
- #cssTable {
- margin:30px auto;
- /*border: 1px solid black;
- background-color:#e6e6e6;*/
- }
- #cssTable th, #cssTable td {
- border-bottom: 1px solid #ddd;
- text-align:center;
- }
- #cssTable tr{
- height:50px;
- }
- #cssTable td {
- vertical-align:middle;
- width:120px;
- }
- /* go top */
- div.go_top{
- position:fixed;
- bottom:3%;
- right:20px;
- }
- /* level 1 2 3 */
- .radio-toolbar input[type="radio"] {
- display: none;
- }
- .radio-toolbar label {
- display: inline-block;
- background-color: #ddd;
- padding: 4px 11px;
- font-family: Arial;
- font-size: 16px;
- cursor: pointer;
- }
- .radio-toolbar input[type="radio"]:checked+label {
- background-color: #737373;
- }
|