first commit
This commit is contained in:
599
wp/wp-content/themes/thbusiness/css/news.css
Normal file
599
wp/wp-content/themes/thbusiness/css/news.css
Normal file
@@ -0,0 +1,599 @@
|
||||
.entry-content, .entry-summary, .page-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.one-company p {
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color:rgba(112,112,112,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.One_Company__One_Community {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 334px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color:
|
||||
rgba(32,45,96,1);
|
||||
}
|
||||
|
||||
.welcome {
|
||||
position: absolute;
|
||||
top: 13em;
|
||||
width: 95%;
|
||||
padding: 0px 45px 0 45px;
|
||||
}
|
||||
.welcome p {
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color:rgba(51,51,51,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
|
||||
#divider {
|
||||
position : relative;
|
||||
top : 80px;
|
||||
left : 9px;
|
||||
width : 95%;
|
||||
text-align : center;
|
||||
margin: 0 0 0 0;
|
||||
border-bottom : 7px solid #202D60;
|
||||
}
|
||||
|
||||
.News___Updates_for_One_Connect {
|
||||
position: absolute;
|
||||
left: 58px;
|
||||
top: 4em;
|
||||
overflow: visible;
|
||||
width: 595px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
color:
|
||||
rgba(51,51,51,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.News___Updates_for_One_Connect hr {
|
||||
border: 6px solid#202D60;
|
||||
background-color: #202D60;
|
||||
position: absolute;
|
||||
width: 32em;
|
||||
}
|
||||
|
||||
#CONNECTIONS {
|
||||
position: absolute;
|
||||
left: 58px;
|
||||
top: 1em;
|
||||
overflow: visible;
|
||||
width: 353px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 50px;
|
||||
color:
|
||||
rgba(11,34,101,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
hr.news5 {
|
||||
border: 6px solid#202D60;
|
||||
background-color: #202D60;
|
||||
position: relative;
|
||||
bottom: 13em;
|
||||
width: 56em;
|
||||
}
|
||||
|
||||
|
||||
div.test {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid red;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.test::after {
|
||||
content: '';
|
||||
border: 10px solid black;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.three-widgets {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.get-social p {
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
letter-spacing: 0.2px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.get-social {
|
||||
background-color: #0B2265;
|
||||
height: 1355px;
|
||||
}
|
||||
|
||||
.best-philly {
|
||||
background-color: #E01D39;
|
||||
height: 960px;
|
||||
}
|
||||
|
||||
#thought-leadership h1 {
|
||||
white-space: nowrap;
|
||||
line-height: 29px;
|
||||
text-align: center;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color:
|
||||
rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.thought-leadership-title {
|
||||
text-align: center;
|
||||
line-height: 29px;
|
||||
text-align: center;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color:rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.thought-leadership {
|
||||
background-color: #ABCAE9;
|
||||
text-align: center;
|
||||
line-height: 29px;
|
||||
text-align: center;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color:rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
|
||||
}
|
||||
|
||||
.thought-leadership-body p {
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color: rgba(112,112,112,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.thought-leadership-highlights {
|
||||
margin-top: 20px;
|
||||
line-height: 25px;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 20px;
|
||||
color:
|
||||
rgba(0,0,0,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.thought-leadership-quote {
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color:
|
||||
rgba(0,0,0,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
|
||||
.announcement-1 {
|
||||
padding: 0;
|
||||
background-color: #FDD6F4;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.healthcare-news-heading {
|
||||
background-color: #202D60;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tech-title{
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color: rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.announcement-1-title {
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color: rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.announcement1-text p {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color: rgba(0,0,0,1);
|
||||
}
|
||||
|
||||
.announcement-side {
|
||||
background-color: #ABCAE9;
|
||||
}
|
||||
|
||||
.announcement-2 {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.announcement-2 p {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color: rgba(0,0,0,1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.announcement2-title {
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color: rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.announcement2 p {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color: rgba(0,0,0,1);
|
||||
}
|
||||
|
||||
.announcement2 ol, ul {
|
||||
font-size: 16px;
|
||||
list-style: disc;
|
||||
margin: 0 0 1.5em 3em;
|
||||
}
|
||||
|
||||
.tech-talk ol, ul {
|
||||
font-size: 16px;
|
||||
list-style: disc;
|
||||
margin: 0 0 1.5em 3em;
|
||||
}
|
||||
|
||||
.tech-talk p {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color: rgba(0,0,0,1);
|
||||
}
|
||||
|
||||
|
||||
.division-news-title {
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color: rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.consumer-news-title {
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color: rgba(32,45,96,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
|
||||
.consumer-news-heading {
|
||||
background-color: #202D60;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
.tech-news-heading {
|
||||
background-color: #E01D39;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hr-corner-heading {
|
||||
background-color: #202D60;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hr-corner h1 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
color: #DB001C;
|
||||
|
||||
}
|
||||
|
||||
.hr-footer {
|
||||
background-color: #202D60;
|
||||
font-size: 7px;
|
||||
}
|
||||
|
||||
.hr-corner p {
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color:rgba(112,112,112,1);
|
||||
letter-spacing: 0.2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer-text {
|
||||
font-size: 14px;
|
||||
color:#707070;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.awards p {
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color:rgba(112,112,112,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.awards h1 {
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color:
|
||||
rgba(11,34,101,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.bold-red {
|
||||
color: rgba(219,0,28,1);
|
||||
line-height: 34px;
|
||||
margin-top: -5px;
|
||||
text-align: center;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.shoutout p {
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color:rgba(112,112,112,1);
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.shoutout h1 {
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
color: rgba(32,45,96,1);
|
||||
}
|
||||
|
||||
.get-social h1 {
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
margin-top: 20px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.center-social {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.hero-main .promo-text {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 15%;
|
||||
right: 85%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media all and (max-width: 991px) {
|
||||
|
||||
.News___Updates_for_One_Connect hr {
|
||||
border: 6px solid#202D60;
|
||||
background-color:#202D60;
|
||||
position: absolute;
|
||||
width: 22em;
|
||||
}
|
||||
|
||||
|
||||
.News___Updates_for_One_Connect {
|
||||
|
||||
position: absolute;
|
||||
left: 58px;
|
||||
top: 100px;
|
||||
overflow: visible;
|
||||
width: 595px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
color:rgba(51,51,51,1);
|
||||
letter-spacing: 0.2px;
|
||||
line-height: 5px;
|
||||
}
|
||||
|
||||
.welcome {
|
||||
|
||||
position: absolute;
|
||||
top: 7em;
|
||||
width: 95%;
|
||||
padding: 0px 45px 0 45px;
|
||||
|
||||
}
|
||||
|
||||
.News___Updates_for_One_Connect hr {
|
||||
|
||||
border: 4px solid #202D60;
|
||||
background-color: #202D60;
|
||||
position: absolute;
|
||||
width: 22em;
|
||||
}
|
||||
#CONNECTIONS {
|
||||
|
||||
position: absolute;
|
||||
left: 58px;
|
||||
top: 1rem;
|
||||
overflow: visible;
|
||||
width: 353px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
font-family: ‘Roboto’, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 50px;
|
||||
color:
|
||||
|
||||
rgba(11,34,101,1);
|
||||
letter-spacing: 0.2px;
|
||||
|
||||
}
|
||||
|
||||
.entry-content, .entry-summary, .page-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
|
||||
|
||||
.img-special-offer {
|
||||
padding-bottom: 0;
|
||||
background: #f8f8f8 url('/wp-content/themes/thbusiness/images/mob-bkg-special-offer.png') center center no-repeat;
|
||||
background-size: 100%;
|
||||
background-size:cover;
|
||||
height: 470px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1199px) and (min-width: 992px) {
|
||||
#form-reskin .angle {background: #074969; min-height: auto;}
|
||||
|
||||
.News___Updates_for_One_Connect hr {
|
||||
border: 6px solid #202D60;
|
||||
background-color:#202D60;
|
||||
position: absolute;
|
||||
width: 30em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 450px) {
|
||||
.sidenav {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.sidenav a {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user