/static/node_modules/generator-jhipster/app/templates/src/main/webapp/assets/styles/main.css
CSS | 246 lines | 189 code | 34 blank | 23 comment | 1 complexity | 0589a1d73725ba2502a7e7a6536ba662 MD5 | raw file
- body {
- background: #fafafa;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: #333;
- }
- /* ==========================================================================
- Hide ng-cloak on page load, https://docs.angularjs.org/api/ng/directive/ngCloak
- ========================================================================== */
- [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
- display: none !important;
- }
- /* ==========================================================================
- Developement Ribbon
- ========================================================================== */
- .development {
- position: absolute;
- width: 149px;
- height: 149px;
- top: 0;
- left: 0;
- border: 0;
- z-index: 1000;
- background-image: url("../images/development_ribbon.png");
- background-position: center center;
- background-repeat: no-repeat;
- }
- /* ==========================================================================
- Version number in navbar
- ========================================================================== */
- .navbar-version {
- font-size: 10px;
- color: #ccc
- }
- /* ==========================================================================
- Browser Upgrade Prompt
- ========================================================================== */
- .browserupgrade {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
- }
- .hero-unit {
- margin: 50px auto 0 auto;
- width: 300px;
- font-size: 18px;
- font-weight: 200;
- line-height: 30px;
- background-color: #eee;
- border-radius: 6px;
- padding: 60px;
- }
- .hero-unit h1 {
- font-size: 60px;
- line-height: 1;
- letter-spacing: -1px;
- }
- .error {
- color: white;
- background-color: red;
- }
- .hipster {
- display: inline-block;
- width: 347px;
- height: 497px;
- background: url("../images/hipster.png") no-repeat center top;
- background-size: contain;
- }
- .pad {
- padding: 10px;
- }
- /* wait autoprefixer update to allow simple generation of high pixel density media query */
- @media
- only screen and (-webkit-min-device-pixel-ratio: 2),
- only screen and ( min--moz-device-pixel-ratio: 2),
- only screen and ( -o-min-device-pixel-ratio: 2/1),
- only screen and ( min-device-pixel-ratio: 2),
- only screen and ( min-resolution: 192dpi),
- only screen and ( min-resolution: 2dppx) {
- .hipster {
- background: url("../images/hipster2x.png") no-repeat center top;
- background-size: contain;
- }
- }
- .hand {
- cursor: pointer;
- }
- #threadDump .popover, #healthCheck .popover {
- top: inherit;
- display: block;
- font-size: 10px;
- max-width: 1024px;
- }
- #healthCheck .popover {
- margin-left: -50px;
- }
- .health-details {
- min-width: 400px;
- }
- /* ==========================================================================
- Custom alerts for notification
- ========================================================================== */
- .alerts .alert{
- text-overflow: ellipsis;
- }
- .alert pre{
- background: none;
- border: none;
- font: inherit;
- color: inherit;
- padding: 0;
- margin: 0;
- }
- .alert .popover pre {
- font-size: 10px;
- }
- .alerts .toast {
- position: fixed;
- width: 100%;
- }
- .alerts .toast.left {
- left: 5px;
- }
- .alerts .toast.right {
- right: 5px;
- }
- .alerts .toast.top {
- top: 55px;
- }
- .alerts .toast.bottom {
- bottom: 55px;
- }
- @media screen and (min-width: 480px) {
- .alerts .toast {
- width: 50%;
- }
- }
- /* end of Custom alerts for notification */
- .voffset { margin-top: 2px; }
- .voffset1 { margin-top: 5px; }
- .voffset2 { margin-top: 10px; }
- .voffset3 { margin-top: 15px; }
- .voffset4 { margin-top: 30px; }
- .voffset5 { margin-top: 40px; }
- .voffset6 { margin-top: 60px; }
- .voffset7 { margin-top: 80px; }
- .voffset8 { margin-top: 100px; }
- .voffset9 { margin-top: 150px; }
- /* start Password strength bar style */
- ul#strengthBar {
- display:inline;
- list-style:none;
- margin:0;
- margin-left:15px;
- padding:0;
- vertical-align:2px;
- }
- .point:last {
- margin:0 !important;
- }
- .point {
- background:#DDD;
- border-radius:2px;
- display:inline-block;
- height:5px;
- margin-right:1px;
- width:20px;
- }
- /* end Password strength bar style */
- .readonly {
- background-color: #eee;
- opacity: 1;
- }
- <%_ if (enableSocialSignIn) { _%>
- /* ==========================================================================
- Social Buttons
- ========================================================================== */
- .jh-btn-social {
- margin-bottom: 5px;
- }
- .jh-btn-google {
- background-color: #dd4b39;
- border-color: rgba(0, 0, 0, 0.2);
- color: #fff;
- }
- .jh-btn-google:hover, .jh-btn-google:focus, .jh-btn-google:active, .jh-btn-google.active, .open > .dropdown-toggle.jh-btn-google {
- background-color: #c23321;
- border-color: rgba(0, 0, 0, 0.2);
- color: #fff;
- }
- .jh-btn-facebook {
- background-color: #3b5998;
- border-color: rgba(0, 0, 0, 0.2);
- color: #fff;
- }
- .jh-btn-facebook:hover, .jh-btn-facebook:focus, .jh-btn-facebook:active, .jh-btn-facebook.active, .open > .dropdown-toggle.jh-btn-facebook {
- background-color: #2d4373;
- border-color: rgba(0, 0, 0, 0.2);
- color: #fff;
- }
- .jh-btn-twitter {
- background-color: #55acee;
- border-color: rgba(0, 0, 0, 0.2);
- color: #fff;
- }
- .jh-btn-twitter:hover, .jh-btn-twitter:focus, .jh-btn-twitter:active, .jh-btn-twitter.active, .open > .dropdown-toggle.jh-btn-twitter {
- background-color: #2795e9;
- border-color: rgba(0, 0, 0, 0.2);
- color: #fff;
- }
- <%_ } _%>
- /* jhipster-needle-css-add-main JHipster will add new css style */