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;
}
}