gk-nsp.css

/* 
* GK News Show Pro
*
* @version: 1.0.0
* @date: 22-03-2014
* @desc: Complex widget for displaying WordPress posts, WooCommerce products, XML/JSON file content and RSS feeds.
* @author: GavickPro 
* @email: info@gavick.com
*
*/
.gk-nsp {
  position: relative;
}
.gk-nsp:after,
.gk-nsp-arts:after,
.gk-nsp-links:after {
  clear: both;
  content: "";
  display: table;
}
.gk-nsp-arts,
.gk-nsp-links,
.gk-title-overlay {
  overflow: hidden;
}
.gk-nsp-arts-nav,
.gk-nsp-links-nav {
  overflow: hidden;
  clear: both;
}
.gk-nsp-links-nav {
  float: right;
}
.gk-nsp-arts-nav {
  position: absolute;
  right: 0;
  padding: 0 3px;
  top: -18px;
}
.gk-nsp-arts-nav ul,
.gk-nsp-links-nav ul {
  list-style-type: none;
  margin: 6px 0 0;
  padding: 0;
  float: left;
}
.gk-nsp-arts-nav ul li,
.gk-nsp-links-nav ul li {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  width: 10px;
  height: 10px;
  margin: -2px 4px 0 0 !important;
  background: #bebebe;
  border: none;
  padding: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.gk-nsp-arts-nav ul li:hover,
.gk-nsp-links-nav ul li:hover,
.gk-nsp-arts-nav ul li.active,
.gk-nsp-links-nav ul li.active {
  background: #777777;
}
.gk-nsp-next,
.gk-nsp-prev {
  float: left;
  width: 9px;
  height: 10px;
  margin: 4px 0 0 4px;
  background: url('images/nsp_interface.png') no-repeat -10px 0;
  text-indent: -9999px;
  cursor: pointer;
}
.gk-nsp-prev {
  background-position: 0 0;
}
.gk-nsp-next:hover {
  background-position: -10px -10px;
}
.gk-nsp-prev:hover {
  background-position: 0 -10px;
}
.gk-nsp-art-page {
  float: left;
}
.gk-nsp-art {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.gk-nsp-art:first-child {
  border-top: none;
}
.gk-nsp-art div {
  overflow: hidden;
}
.gk-nsp-art .gk-nsp-image {
  border: none;
}
.gk-nsp-header {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.2;
  margin: 0 0 10px 0!important;
}
.gk-nsp-header a {
  color: #2f3133;
  text-decoration: none;
}
.gk-nsp-header a:active,
.gk-nsp-header a:focus,
.gk-nsp-header a:hover {
  color: #418cd1;
}
.gk-nsp-image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.15s linear;
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  transition: transform 0.15s linear;
}
.gk-nsp-image:hover {
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}
.gk-nsp-image-wrap {
  overflow: hidden;
}
.gk-nsp-text {
  color: #555555;
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0!important;
}
.gk-nsp-text + .readon {
  display: block;
  margin: 16px 0 0 0!important;
}
.gk-nsp-text + .gk-nsp-info {
  margin: 6px 0 10px 0!important;
}
.gk-nsp-info {
  color: #888888;
  font-size: 10px!important;
  font-style: normal;
  font-weight: 300;
  line-height: 1.0;
  margin: 10px 0!important;
  text-transform: uppercase;
}
.gk-nsp-info > a,
.gk-nsp-info > span {
  color: #888888;
  font-size: 10px;
  padding-left: 8px;
}
.gk-nsp-info > a:first-child,
.gk-nsp-info > span:first-child {
  padding-left: 0;
}
.gk-nsp-info > a:active,
.gk-nsp-info > span:active,
.gk-nsp-info > a:focus,
.gk-nsp-info > span:focus,
.gk-nsp-info > a:hover,
.gk-nsp-info > span:hover {
  color: #222222;
}
.gk-nsp-info .amount {
  font-size: 10px;
}
.readon.left,
.readon.right,
.readon.center {
  clear: both;
}
.readon.left {
  float: left;
}
.readon.right {
  float: right;
}
.readon.center {
  display: inline;
  float: none;
}
.gk-nsp-links ul {
  float: left;
  list-style-type: none;
  padding: 0;
}
.gk-nsp-links ul li {
  border-top: 1px solid #e5e5e5;
  display: table;
  margin: 0;
  padding: 16px 0;
}
.gk-nsp-links ul li .gk-nsp-link-header {
  color: #2f3133;
  display: table-cell;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  margin: 0;
  vertical-align: top;
}
.gk-nsp-links ul li .gk-nsp-link-header a {
  color: #2f3133;
  text-decoration: none;
}
.gk-nsp-links ul li .gk-nsp-link-header a:active,
.gk-nsp-links ul li .gk-nsp-link-header a:focus,
.gk-nsp-links ul li .gk-nsp-link-header a:hover {
  color: #418cd1;
}
.gk-nsp-links ul li p {
  display: table-cell;
  vertical-align: top;
}
.gk-nsp-links p {
  font-size: 14px;
  line-height: 22px;
  margin: 5px 0;
}
.gk-nsp-image-wrap {
  float: left;
}
.gk-responsive {
  line-height: 1;
}
img.gk-responsive {
  width: 100%;
  height: auto;
}
.gk-responsive {
  display: block;
  position: relative;
}
.gk-nsp-image {
  max-width: 100%;
}
.gk-nsp-arts,
.gk-nsp-links {
  clear: both;
  width: 100%;
}
.gk-nsp-art,
.gk-nsp-arts-page {
  float: left;
}
.gk-nsp-pages-1 {
  width: 100%;
}
.gk-nsp-pages-2 {
  width: 200%;
}
.gk-nsp-pages-3 {
  width: 300%;
}
.gk-nsp-pages-4 {
  width: 400%;
}
.gk-nsp-pages-5 {
  width: 500%;
}
.gk-nsp-pages-6 {
  width: 600%;
}
.gk-nsp-pages-7 {
  width: 700%;
}
.gk-nsp-pages-8 {
  width: 800%;
}
.gk-nsp-pages-9 {
  width: 900%;
}
.gk-nsp-pages-10 {
  width: 1000%;
}
.gk-nsp-cols-1 {
  width: 100%;
}
.gk-nsp-cols-2 {
  width: 50%;
}
.gk-nsp-cols-3 {
  width: 33.333333%;
}
.gk-nsp-cols-4 {
  width: 25%;
}
.gk-nsp-cols-5 {
  width: 20%;
}
.gk-nsp-cols-6 {
  width: 16.666666%;
}
.gk-nsp-cols-7 {
  width: 14.285714%;
}
.gk-nsp-cols-8 {
  width: 12.5%;
}
.gk-nsp-cols-9 {
  width: 11.111111%;
}
.gk-nsp-cols-10 {
  width: 10%;
}
.gk-nsp-cols-1,
.gk-nsp-cols-2:nth-child(2n+1),
.gk-nsp-cols-3:nth-child(3n+1),
.gk-nsp-cols-4:nth-child(4n+1),
.gk-nsp-cols-5:nth-child(5n+1),
.gk-nsp-cols-6:nth-child(6n+1),
.gk-nsp-cols-7:nth-child(7n+1),
.gk-nsp-cols-8:nth-child(8n+1),
.gk-nsp-cols-9:nth-child(9n+1),
.gk-nsp-cols-10:nth-child(10n+1) {
  clear: both;
}
.gk-nsp-arts-scroll,
.gk-nsp-links-scroll {
  overflow: hidden;
}
/* Rating styles */
.gk-nsp-art .gk-nsp-stars {
  display: inline-block;
  padding: 5px 10px 5px 0!important;
}
.gk-nsp-art .gk-nsp-star-0:before,
.gk-nsp-art .gk-nsp-star-1:before {
  content: "★";
  color: #6c6c6c;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.gk-nsp-art .gk-nsp-star-1:before {
  color: #f7a834;
}
/* Mobile styles */
@media (max-width: 600px) {
  .gk-nsp .gk-nsp-art {
    border-top: 1px solid #e5e5e5;
    border-left: none;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
  }
  .gk-nsp .gk-nsp-art:first-child {
    border-top: none;
  }
}