5.5 WP Maintenance Mode
If you want to activate and maintenance once installed the plugin (WP Maintenance Mode) you have to:
Add this code in /wp-content/plugins/wp-maintenance-mode/assets/css/style.min.css,at the end of the last line
.wrap { width: 670px; margin: 100px auto 0; text-align: center; } .wrap h1 { font-family:"Josefin Sans"; font-size:36px; font-weight:bold; letter-spacing:-1pt; line-height:120%; color:rgb(255,255,255); margin: 100px 0 50px; text-transform: uppercase; } .wrap h1:before { content: url(../../../../themes/breena/images/comming-soon-logo.png); /*your URL theme */ display: block; padding: 0 0 60px; } .wrap h2 { font-family:"Open Sans"; font-size:14px; line-height:180%; color:rgb(255,255,255); text-align:center; font-weight: 400; margin: 0 0 50px; } .wrap h3 { font-family:"Josefin Sans"; font-size:14px; font-weight:bold; letter-spacing:0pt; line-height:120%; color:rgb(255,255,255); text-transform: uppercase; margin: 0 0 15px } .background .countdown span { color: #fff; padding: 55px 30px 25px; border: 1px solid rgba(255,255,255,.5); min-width: 157px; box-sizing: border-box; } .wrap .countdown span { font-family:"Josefin Sans"; font-size:80px; font-weight:bold; letter-spacing:-2pt; line-height:120%; color:rgb(255,255,255); display: inline-block; margin: 0 2px; } .wrap .countdown span.separator { display: none; } .wrap .countdown span.day:after { content: "DAYS"; font-family:"Josefin Sans"; font-size:15px; font-weight:300; letter-spacing:0pt; line-height:120%; color:rgb(255,255,255); text-transform: uppercase; display: block; position: relative; padding-top: 50px; } .wrap .countdown span.hour:after { content: "HOURS"; font-family:"Josefin Sans"; font-size:15px; font-weight:300; letter-spacing:0pt; line-height:120%; color:rgb(255,255,255); text-transform: uppercase; display: block; position: relative; padding-top: 50px; } .wrap .countdown span.minutes:after { content: "MINUTES"; font-family:"Josefin Sans"; font-size:15px; font-weight:300; letter-spacing:0pt; line-height:120%; color:rgb(255,255,255); text-transform: uppercase; display: block; position: relative; padding-top: 50px; } .wrap .countdown span.seconds:after { content: "SECONDS"; font-family:"Josefin Sans"; font-size:15px; font-weight:300; letter-spacing:0pt; line-height:120%; color:rgb(255,255,255); text-transform: uppercase; display: block; position: relative; padding-top: 50px; } .wrap form.subscribe_form { width: 465px; margin: 0 0 75px; display: inline-block; border: 1px solid rgb(170,170,170); box-sizing: border-box; } .background form.subscribe_form input[type=text] { background: #FFF; color:rgb(170,170,170); } .wrap form.subscribe_form input[type=text] { width: 284px; } .wrap form.subscribe_form input { margin: 0; outline: 0; border: 0; float: left; font-size: 18px; padding: 10px 20px; box-sizing: content-box; font-family:"Josefin Sans"; font-size:18px; font-style:italic; font-weight:bold; letter-spacing:0pt; line-height:120%; } .background form.subscribe_form input[type=submit] { color: #FFF; background: rgb(237,54,77); } .wrap form.subscribe_form input[type=submit] { color: #FFF; background: rgb(237,54,77); } .wrap form.subscribe_form input[type=submit] { float: right; cursor: pointer; padding: 10px 30px; border-left: 1px solid rgb(170,170,170); } .wrap form.subscribe_form input[type=submit]:hover { color: #FFF; background: rgb(255,77,77); border-left: 1px solid rgb(170,170,170); } .wrap .social a { width: 22px; height: 22px; margin: 0 0 20px 55px; background-image: url(../../../../themes/breena/images/icn_sprite.png); background-repeat: no-repeat; display: inline-block; text-indent: -999em; } @media only screen and (max-width: 700px) { .background .countdown span { padding: 25px 5px; min-width: 55px; box-sizing: border-box; } .wrap .countdown span { font-size:40px; margin: 0 1px; } } @media only screen and (max-width: 550px) { .wrap h2,.wrap h3 { font-size: 14px } .wrap form.subscribe_form input[type=submit],.wrap form.subscribe_form input[type=text] { width: 100%; box-sizing: border-box; } }