*/
}
/*this allows us to use opacity 1 tab icons! I also enforced img src in the index.html*/
.tab-item-new {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
overflow: hidden;
max-width: 150px;
height: 44px;
color: inherit;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
font-family: "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
opacity: 1;
}
.tab-item-new:hover {
cursor: pointer;
}
.boxhead a {
text-decoration: none;
}
/*this allows us to get rid of the top border above the footer tabs -- line height & height 44 ( used to be 49 ) px*/
.tabs-new {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: horizontal;
-moz-flex-direction: horizontal;
-ms-flex-direction: horizontal;
flex-direction: horizontal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-color: #b2b2b2;
background-color: #f8f8f8;
background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
color: #444;
position: absolute;
bottom: 11px;
z-index: 5;
width: 100%;
height: 50px; /* the bigger the number is, the further away the 5 icons from the bottom */ /* to push the top line above the 5 icons, see index.html */
border-style: solid;
/* border-top-width: 1px; */
background-size: 0;
line-height: 44px;
}
/*this is to remove the scroll bar area's white appearance on the settings screen */
.overflow-scroll {
overflow-y: auto; /* it was scroll on ionic.css */
}
/*
I want to push the 3 lines relatively 10 px down along with their zone content!
what do I do?
1) bring down the first line
*/
/* this section controls the time-table area*/
p {
padding: 5px;
margin: 0;
}
#alpha_wrapper_errors_only {
height: 44px; /* this defines the height of the opaq time-table background area height! | when you adjust this, you need to adjust the margin-bottom:76px; at the same time! */
margin-bottom:80px;
border-color:transparent;
color: #fff;
/*------*/
width: 100%;
float: left;
overflow: hidden;
position:absolute;
bottom:-10px;
width:100%;
border-top-style:solid;
border-top-width:thin;
}
#alpha_wrapper {
height: 90px; /* this defines the height of the opaq time-table background area height! | when you adjust this, you need to adjust the margin-bottom:76px; at the same time! */
margin-bottom:80px;
border-color:white;
color: #fff;
/*------*/
width: 100%;
float: left;
overflow: hidden;
position:absolute;
bottom:-10px;
width:100%;
border-top-style:solid;
border-top-width:thin;
}
#alpha_40 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
#alpha_30 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
#alpha_20 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
#alpha_10 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
}
#text_holder_2 {
background: transparent;
position: absolute;
width: 100%;
overflow: hidden;
clear: both;
}
#alpha_wrapper_help {
height: 90px; /* this defines the height of the opaq time-table background area height! | when you adjust this, you need to adjust the margin-bottom:76px; at the same time! */
margin-bottom:80px;
color: #fff;
/*------*/
width: 100%;
float: left;
overflow: hidden;
position:absolute;
bottom:-10px;
width:100%;
border-top-style:none;
border-top-width:thin;
}
#alpha_40_help {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#text_holder_2_help {
background: transparent;
position: absolute;
width: 100%;
overflow: hidden;
clear: both;
}
.donation-text {
color:white; /* timer will fix that! depending on the background!*/
}
/* fqHelp text styles*/
.about-caption{
font-size: 19px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 0px;
}
#help-screen-content {
height: 569px; /* iphone 6 // this is good when screenheight is 667 */
/*background-color:black;*/
color:white;
/*opacity:0.70;*/
padding:15px;
font-size:16px;
line-height:170%;
/*text-align:justify;*/
}
#settings-screen-content {
height: 569px; /* iphone 6 // this is good when screenheight is 667 */
align:justify;
color:white;
opacity:0.90;
padding:5px;
font-size:17px;
line-height:150%;
}
/*
#settings-screen-content {
height: 569px; // iphone 6 plus
background-color: transparent;
align:justify;
color:white;
opacity:0.80;
padding:5px;
font-size:17px;
line-height:150%;
}
*/
.prayer-companion-logo-area-font {
color:white;
opacity:0.9;
font-size:20px;
font-family:Avenir Next;
font-weight:medium;
letter-spacing:0px;
}
#header_wrapper {
height: 68px; /* this defines the height of the opaq header area where the logo goes in | when you adjust this, you need to adjust the margin-bottom too */
border-color:transparent;
color: #fff;
/*------*/
width: 100%;
float: left;
overflow: hidden;
position:absolute;
top:0px;
left:0px;
width:100%;
border-top-style:solid;
border-top-width:thin;
}
#header_30 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
#header_20 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
#header_10 {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath time-table*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
}
#header_text_holder_2 {
background: transparent;
position: absolute;
width: 100%;
overflow: hidden;
clear: both;
}
/*
.gps_ring {
border: 3px solid #fff;
-webkit-border-radius: 30px;
height: 15px;
width: 15px;
position: relative;
left:0px;
top:0px;
-webkit-animation: pulsate 5s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0
}
*/
.gps_ring {
background: url('../img/praying-object.png') no-repeat;background-size:cover;
height: 21px;
width: 21px;
position: relative;
left:0px;
top:0px;
-webkit-animation: pulsate 2s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.page-titles{
background-color:white;
opacity:0.2
}
#alpha_wrapper_x {
height: 65px; /* this defines the height of the opaq time-table background area height! | when you adjust this, you need to adjust the margin-bottom:76px; at the same time! */
margin-bottom:160px; /* used to be 80 */
border-color:white;
color: #fff;
width: 100%;
float: left;
overflow: hidden;
position:absolute;
bottom:0px;
width:100%;
border-top-style:solid;
border-top-width:thin;
}
#alpha_40_x {
/*background: transparent url(../img/bicycle.jpg) no-repeat 0 0;*/
background-color: #454545; /*this is the opaq area underneath home-page-controls*/
width: 100%;
height: 100%;
float: left;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
#text_holder_2_x {
margin-top: 9px;
background: transparent;
position: absolute;
width: 100%;
overflow: hidden;
clear: both;
}
/*customize he ionicloading */