/*@import url("webfonts/Arial/stylesheet.css");*/ /* reset */ img{max-width:100%;} /*end reset*/ .wrap{ margin:0 auto; width:80%; height:100%; } /*--header--*/ #ontopDiv { position: fixed; top: 0; left: 0; width: 100%; height: 40px; z-index: 10000; background-color:rgba(126,206,244,1); /*border-width: 1px; border-style: solid; padding: 15px;*/ font-size: 16px; } .header_bg{ background-color:rgba(126,206,244,1); } .header{ padding:2% 4%; } .topbar-right { float:right; display:block; vertical-align:text-top; height: 40px; width: 40%; /* position: fixed; top: 0; right: 0; display:block; vertical-align:text-top; height: 52px; width: 60%; */ } .topbar-btnacc { float:right; display:block; vertical-align:text-top; height: 52px; width: 200px; } .topbar-button { display: -webkit-flex; display: flex; height: 40px; width: 40px; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-right: 1px solid rgba(128,128,128,.4); } .topbar-left { float:left; display:block; vertical-align:text-top; height: 40px; width: 40%; margin: 10px 10px 10px 30px; } .version{ font-family: 'Open Sans', sans-serif; font-size:0.8em; color:rgba(255,255,255,1); float:right; display:inline; } .version span{ padding-right:10px; } .verbtn{ background-color:rgb(100,160,185); display:block; padding:8px; margin:5px; color:rgb(255,255,255); font-family: Arial; font-stretch: expanded; float:right; display:inline; } .verbtn img{ padding-right:15px; } .verbtn span{ padding:5px; } .cloud { margin-top:5%; background-image:url("../pages/FUHOCMS/img/index_03.png""); width:675px; height:471px; } /*Google btn*/ #googleBtn { display: inline-block; background: white; color: #4285f4; width: 150px; border-radius: 5px; white-space: nowrap; } #googleBtn:hover { cursor: pointer; } span.label { font-weight: bold; } span.icon { background: url('https://google-developers.appspot.com/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-right: #2265d4 1px solid; } span.buttonText { display: inline-block; vertical-align: middle; padding-left: 40px; padding-right: 40px; font-size: 16px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } .email { position: absolute; top: 0px; right: 50px; display:block; vertical-align:text-top; width: 120px; height: 40px; } .userimg { position: absolute; top: 10px; right: 10px; display:block; vertical-align:text-top; width: 30px; height: 30px; } .form-signin input[type="text"] { margin-bottom: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .form-signin .form-control { position: relative; font-size: 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-offset-100 { padding-top: 100px; } .img-responsive { display: block; max-width: 100%; height: auto; margin: auto; } .panel { margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.75); border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }