File: //home/design-blogs.co.uk/public_html/wp-content/themes/newscrunch/admin/assets/css/welcome.css
.newscrunch-nav-tabs {
margin: 30px 0 0;
border-bottom: 1px solid #dedede;
background: #fff;
}
.newscrunch-nav-tabs:after {
clear: both;
display: table;
content: " ";
}
.newscrunch-nav-tabs > li {
float: left;
margin-bottom: 1px;
display: block;
}
.newscrunch-nav-tabs > li.active > a, .newscrunch-nav-tabs > li.active > a:focus, .newscrunch-nav-tabs > li.active > a:hover {
background: #fff;
border-bottom-color: #fff;
color: #669c9b;
border-bottom-color: transparent;
}
.newscrunch-nav-tabs li:last-child .nav-tab {
border-right: 1px solid #ccc;
}
.newscrunch-nav-tabs > li.newscrunch-w-red-tab > a {
color: red;
font-weight: bold;
}
.newscrunch-tab-content {
background-color: #fff;
}
.newscrunch-tab-content > .tab-pane {
display: none;
}
.newscrunch-tab-content > .active {
display: block;
}
.newscrunch-tab-pane.active {
display: block;
}
#newscrunch-theme-version {
font-size: 50%;
padding: 10px;
background: #ccc;
}
#newscrunch-w-screenshot {
border: 1px solid #ccc;
margin-top: 30px;
}
.newscrunch-w-activated {
cursor:not-allowed !important;
}
.newscrunch-tab-pane-half {
padding-left: 20px;
margin-top: 15px;
padding-right: 20px;
margin-bottom: 15px;
}
.newscrunch-tab-content img {
max-width: 100%;
float: left;
}
@media (max-width:767px) {
.newscrunch-tab-content img {
max-width: 100%;
}
}
.newscrunch-pane-first-half {
border-left: none;
}
.newscrunch-pane-center {
text-align: center;
margin-bottom: 30px;
margin-top: 30px;
border-bottom: 1px solid #eaeaea;
}
.newscrunch-tab-center {
text-align: center;
margin-bottom: 30px;
margin-top: 30px;
border-bottom: 1px solid #eaeaea;
}
#getting_started .newscrunch-info-title {
font-size: 30px;
border-bottom: 1px solid #eaeaea;
line-height:50px;
font-weight: 600;
text-align: center;
display: block!important;
}
.newscrunch-clear {
clear: both;
}
.newscrunch-child-theme-container {
position: relative;
}
.newscrunch-child-theme-description {
position: absolute;
top: 100%;
left: 0;
overflow: auto;
box-sizing: border-box;
padding: 0;
max-width: 100%;
height: 100%;
background-color: #000000;
color: #ffffff;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.newscrunch-child-theme-image-container {
position: relative;
overflow: hidden;
}
.newscrunch-child-theme-image-container img {
max-width: 100%;
}
.newscrunch-child-theme-details .theme-details {
padding: 10px;
background: none repeat scroll 0 0 #F1F1F1;
font-size: 18px;
}
.newscrunch-child-theme-details .theme-details.active {
background: none repeat scroll 0 0 #2B5F87;
color: #fff;
}
.newscrunch-child-theme-details .theme-details .theme-name {
float:left;
}
.newscrunch-child-theme-details .theme-details .preview {
margin-right: 2px;
}
.newscrunch-fre-pro table {
border-collapse: collapse;
width: 100%;
}
.newscrunch-fre-pro table tr {
border-bottom: 1px solid #ddd;
}
.newscrunch-fre-pro table td {
padding: 30px;
width: 25%;
padding: 10px;
color: #555;
font-weight: bold;
border-left: 2px solid #ebebeb;
text-align:center;
}
.newscrunch-fre-pro table th {
padding-bottom: 30px;
font-size:19px;
}
.newscrunch-fre-pro table td span.dashicons-before:before {
font-size: 50px;
width: auto;
height: auto;
}
.newscrunch-fre-pro table td span.dashicons-yes:before {
color:green;
}
.newscrunch-fre-pro table td span.dashicons-no-alt:before {
color:red;
}
.newscrunch-fre-pro table tr.newscrunch-text-center {
text-align: center;
}
.newscrunch-actions-count {
padding: 0 6px;
display: inline-block;
background-color: #d54e21;
color: #fff;
font-size: 9px;
line-height: 17px;
font-weight: 600;
margin: 1px 0 0 2px;
vertical-align: top;
-webkit-border-radius: 10px;
border-radius: 10px;
z-index: 26;
}
.newscrunch-action-required-box {
position: relative;
}
.newscrunch-dismiss-required-action {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
background-color: #D24A4A;
border-radius: 50%;
color: #fff;
font-size: 14px;
line-height: 20px;
}
.newscrunch-dismiss-required-action:hover {
background-color: #CC8C8C;
}
/*Breakpoints*/
@media (max-width: 782px) {
.newscrunch-tab-pane-half {
width: auto;
float: none;
border-left: none;
}
.newscrunch-welcome-title, .newscrunch-tab-content h1 {
line-height: 30px;
}
.newscrunch-fre-pro table td {
padding: 30px 10px;
}
}
.newscrunch-tab-pane-first-half p
{
font-size:17px;
}
.info-container {
background-color: #fff;
margin-right: 20px;
padding: 60px 30px 90px;
margin-top: 20px;
border: 1px solid #e5e5e5;
text-align: center;
}
.info-title {
margin: 0 0 45px;
text-transform: uppercase;
}
.info-block {
float: left;
width: 100%;
border: 1px solid #eaeaea;
padding: 25px 15px 15px;
margin: 1%;
background-color: #f7f7f7;
text-align:center;
}
.info-icon {
font-size: 34px;
width: auto;
height: auto;
}
.dashicons, .dashicons-before:before {
display: inline-block;
width: 20px;
height: 20px;
font-size: 20px;
line-height: 1;
font-family: dashicons;
text-decoration: inherit;
font-weight: 400;
font-style: normal;
vertical-align: top;
text-align: center;
-webkit-transition: color .1s ease-in 0;
transition: color .1s ease-in 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.info-text a {
color: #444;
text-decoration: none;
}
/*css 4 oct 18*/
.m-top-40 { margin-top: 40px; }
.m-top-40 p {font-size: 15px; }
.theme-info-wrap h3 { margin: 1.25em 0 .6em; }
.theme-info-wrap h3 > i { line-height: 1.2; margin-right: 15px }
.about-wrap{ margin: 25px 25px 0 20px; max-width: 100%;}
/* Extra css */
.newscrunch-page {
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
margin-bottom: 30px;
}
.newscrunch-page .newscrunch-page-top {
border-bottom: 1px solid #eee;
font-size: 18px;
padding: 12px 15px;
font-weight: 600;
color: #3c434a;
}
.newscrunch-page .newscrunch-page-content {
padding: 15px 15px 0;
overflow: auto;
}
.newscrunch-page-list-flex {
list-style: none;
margin: -15px;
box-sizing: border-box;
}
.newscrunch-page-list-flex li {
box-sizing: border-box;
width: 50%;
float: left;
border-bottom: 1px solid #eee;
margin-bottom: 0px;
border-right: 1px solid #eee;
padding: 12px 15px;
font-size: 1rem;
}
.newscrunch-page-list-flex a, .newscrunch-page-list-flex li a{
text-decoration: none;
}
.newscrunch-page-list-flex.page-theme-info a, .newscrunch-page-list-flex.page-theme-info li a {
color: #669c9b;
}
.newscrunch-page-list-flex a:hover, .newscrunch-page-list-flex li a:hover {
color: #000;
}
.action.spice-col-3 {
float: left;
}
.newscrunch-page-quick-setting-link{
font-size: 16px;
}
.action.spice-col-3:nth-child(2n+1){
clear:left
}
/* Container, Row and Columns classes*/
.spice-container {
width: 1200px;
max-width: 100%;
margin: 0 auto;
}
.col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
}
.spice-row {
margin: 0 0 1.25rem;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.spice-row .spice-col-1 {
float: none;
width: 100%;
}
.spice-row .spice-col-2{ width: 66.66%; }
.spice-row .spice-col-3 {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.spice-row .spice-col-4 { width: 33.33%; }
.spice-row .spice-col-5 { width: 25%; }
.spice-row .spice-col-6 { width: 20%; }
.spice-row .spice-col-7 { width: 16.66666667%; }
.spice-row .spice-col-8 { width: 14.28%; }
.spice-row .spice-col-9 { width: 12.5%; }
.spice-row .spice-col-10 { width: 11.11%; }
.spice-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
@media only screen and (max-width: 815px) {
.spice-row .spice-col-1 ,.spice-row .spice-col-2 ,.spice-row .spice-col-3 ,.spice-row .spice-col-4 ,.spice-row .spice-col-5 ,.spice-row .spice-col-6 ,.spice-row .spice-col-7 ,.spice-row .spice-col-8 ,.spice-row .spice-col-9 ,.spice-row .spice-col-10 {
width: 100%;
}
}
.spice-container-fulid .spice-row {
margin-right: 0;
margin-left: 0;
background-color: #fff;
}
body { background-color: #fff; }
.newscrunch-page-list-flex a:focus, .newscrunch-page-list-flex li a:focus {
box-shadow: none;
}
#recommended_actions .action-link.button { float: unset; }
@media (min-width:1200px) {
#getting_started .spice-container {
width: 100%;
}
}
@media (max-width: 991px) {
#getting_started .mockup {
margin-bottom: 10px;
}
}
.tooltiptext {
visibility: hidden;
width: auto;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
/* Position the tooltip */
position: absolute;
z-index: 1;
bottom: 10%;
left: 50%;
font-size: 18px;
width: max-content;
transform: translateX(-50%);
}
.mockup:hover .tooltiptext {
visibility: visible;
}
/* Video Tutorials Tab */
#video_tutorials .sub-tab{
width: 30%;
padding: 2% 1%;
margin: 15px 25px 15px 0;
background: #fbfbfb;
border-radius: 10px;
border: 1px solid rgba(226,230,235,0.5);
box-shadow: 0 2px 5px rgb(143 163 184 / 10%);
display: inline-block;
margin-top: 30px;
}
#video_tutorials .action-list .action-title {
margin: 0;
margin-bottom: 15px;
font-size: 1.3rem;
}
#video_tutorials .sub-tab:nth-child(3n+1){
clear:both
}
@media (min-width: 1100px) and (max-width:1200px){
#video_tutorials .sub-tab{
width: 30%;
}
}
@media (min-width: 742px) and (max-width:1099px){
#video_tutorials .sub-tab{
width: 45%;
}
}
@media (min-width: 491px) and (max-width:741px){
#video_tutorials .sub-tab{
width: 45%;
}
}
@media (min-width:1634px){
#video_tutorials .sub-tab{
width: 22%;
}
}
@media (max-width:691px){
#video_tutorials .sub-tab{
width: 90%;
}
}
#video_tutorials .button-primary, #video_tutorials .button-secondary {
padding: 0 13px 1px 13px;
font-size: 14px;
margin-top: 5px;
box-shadow: none;
}
#video_tutorials .action-box {
border: none;
padding: 0;
background: unset;
}
#video_tutorials .button-primary {
background: #669c9b;
border-color: #669c9b;
}
#video_tutorials .button-primary:hover, #video_tutorials .button-primary:focus {
background: #507d7c;
border-color: #507d7c;
}
#video_tutorials .button-secondary {
color: #669c9b;
border-color: #669c9b;
}
#video_tutorials .button-secondary:hover, #video_tutorials .button-secondary:focus {
color: #507d7c;
border-color: #507d7c;
}
#video_tutorials .dashicons-youtube:before {
color: #fff;
vertical-align: middle;
}