Fandom

Prey Wiki

InstantExpert.css

MediaWiki page

490pages on
this wiki
Add New Page
Talk0

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Chrome - Windows: Hold the Ctrl key and press the F5 key. OS X: Hold both the ⌘ Cmd and ⇧ Shift keys and press the R key.
  • Safari - Hold down the ⇧ Shift key and click the Reload toolbar button.
  • Firefox - Windows: Hold the Ctrl key, and press F5. OS X: Hold the ⌘ Cmd and ⇧ Shift keys, and then press R.
  • Internet Explorer - Hold the Ctrl key, and press F5 (or click the Refresh button).
/** Boxes **/
.instantexpert .box {
     background-image:none;
     margin: 20px 0px;
     padding: 20px;
}
 
.instantexpert .box-small {
     background-color: #1d1e1e;
     background-image: none;
     padding: 10px 20px 15px;
}
 
.instantexpert .box h2 {
     border-bottom: medium none;
     color: #5c7595;
     font-family: "DINPro-CondMedium","Arial", sans-serif;
     font-size: 40px;
     line-height:130%;
     margin: 10px 0px 15px;
     text-transform: uppercase;
     letter-spacing:3px;
}
 
 
.instantexpert .box h3 {
     color: #5c7595;
     font-family: "DINPro-CondMedium","Arial", sans-serif;
     font-size: 26px;
     margin: 10px 15px 20px;
     text-align: center;
     text-transform: uppercase;
     letter-spacing:3px;
}
.instantexpert .box-slider,
.instantexpert .box-overview,
.instantexpert .box-whatsnew,
.instantexpert .box-explore {
     width: 670px;
     margin: 0 auto;
}
 
/** Header **/
.instantexpert .banner {
     background-color: #000000;
}
 
.instantexpert .oct2016-banner {
     background-color: #000000;
}
/** Slider **/
 
.instantexpert .wikiaPhotoGallery-slider-body .horizontal .description h2,
.instantexpert .wikiaPhotoGallery-slider-body .horizontal .description {
     color:#C9B779
}
 
/** Overview **/
 
.instantexpert .box-overview .overview-video .article-thumb {
     margin-top: 0.4em;
}
.instantexpert .box-videos .title,     
.instantexpert .box-overview .overview-video figcaption .title {
     color: #C9B779;
     letter-spacing:1px;
     line-height:130%;
}
 
.instantexpert .box-overview .container p:last-child {
     margin-bottom: 0px;
}
 
/** What's New **/
/* Tips row */
.instantexpert .box-whatsnew .new {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     list-style: outside none none;
     margin: 15px 0px 0px;
}
 
.instantexpert .box-whatsnew .new > div {
     width: calc(33% - 10px);
}
.instantexpert .box-whatsnew .new h3 a,
.instantexpert .box-whatsnew .new h3 a:link,
.instantexpert .box-whatsnew .new h3 a:visited,
.instantexpert .box-whatsnew .new h3 {
     font-size: 18px;
     margin: 0px 0px 10px;
     text-align: left;
     color:#C9B779;
}
 
.instantexpert .box-whatsnew .new img {
     height: auto;
     margin-bottom: 15px;
     width: 100%;
}
 
/* Other rows */
.instantexpert .box-whatsnew .new2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     box-pack:center;
     justify-content: center;
     list-style: outside none none;
     margin: 15px 0px 0px;
     flex-wrap:wrap;
}
 
.instantexpert .box-whatsnew .new2 > div {
     width: calc(33% - 10px);
     margin-right:10px;
}
 
.instantexpert .box-whatsnew .new2 h3,
.instantexpert .box-whatsnew .new2 h5 {
     font-size: 12px;
     margin: 0px 0px 0px 10px;
     text-align: left;
     padding-left:5px!important;
}
 
.instantexpert .box-whatsnew .new2 img {
     height: auto;
     margin-bottom: 5px;
     width: 180px;
}
 
/** Explore **/
.instantexpert .box-explore .wikia-gallery, .instantexpert .box-explore .wikia-gallery-item, .instantexpert .box-explore .gallery-image-wrapper, .instantexpert .box-explore .gallery-image-wrapper a, .instantexpert .box-explore .thumb, .instantexpert .box-explore .lightbox-caption {
     height: auto ! important;
     margin: 0px;
     padding: 0px;
     width: auto ! important;
 
}
 
.instantexpert .box-explore .wikia-gallery-row {
     margin-bottom: -10px;
     white-space: normal;
}
 
.instantexpert .box-explore .wikia-gallery-item {
     margin: 0px 10px 10px;
}
.instantexpert .box-explore .lightbox-caption a,
.instantexpert .box-explore .lightbox-caption a:link,
.instantexpert .box-explore .lightbox-caption a:visited,
.instantexpert .box-explore .lightbox-caption {
     color: #C9B779;   
     display: block;
     font-size: 18px;
     letter-spacing:3px;
     margin-top: 10px;
     text-align: center;
     font-family: "DINPro-CondMedium","Arial", sans-serif;
     text-transform:uppercase;    
}
 
.instantexpert .box-explore .gallery-image-wrapper {
     border: medium none;
}
 
.instantexpert .box-explore .gallery-image-wrapper img {
     height: auto;
     width: 185px;
}
 
@media screen and (min-width: 1596px) {
     .instantexpert .box-explore .lightbox-caption {
          margin-top: 15px;
     }
/*
     .instantexpert .box-explore .gallery-image-wrapper img {
          width: 250px;
     }	*/
}
 
/** Buy **/
.instantexpert .box-buy {
     margin: 0px 0px 20px;
}
 
.instantexpert .box-buy .container {
     margin: 0px auto;
     width: 300px;
}
 
.instantexpert .box-buy a:hover {
     text-decoration: none;
}
 
.instantexpert .box-buy a::after {
     background-color: #5c7595;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
     color: #e1e1e1;
     display: block;
     font-weight: bold;
     margin-top: -25px;
     padding: 5px;
     position: relative;
     text-align: center;
     text-decoration: none;
     z-index: 1;
}
 
.instantexpert .box-buy a:hover::after {
     background-color: #131315;
     text-decoration: none;
}
 
/** Meet **/
.instantexpert .box-meet .description {
     font-size: 12px;
     line-height: 18px;
     margin-top: 25px;
}
@media screen and (max-width: 1023px) {
     div.box.box-small.box-meet {
     background-color:transparent; 
     display:inline-block;
     }
     .instantexpert .box-meet .description {
     width:90%;
     margin-left:20px;
     }
     .instantexpert .box-buy .container {
     padding-top:20px
     }
}
 
/** Videos **/
.instantexpert .box-videos .wikia-gallery, 
.instantexpert .box-videos .wikia-gallery .wikia-gallery-item:last-child {
     margin-bottom: 0px;
}
 
.instantexpert .box-videos .wikia-gallery-item {
     margin: 10px 0px;
     padding: 0px;
}
 
.instantexpert .box-videos .gallery-image-wrapper {
     border: medium none;
}
 
.instantexpert .box-videos .title {
     margin-top: 5px;
}
 
@media screen and (max-width: 1023px) {
     .instantexpert .box-videos .wikia-gallery-item { 
          margin-left: 20px; 
          margin-right: 20px; 
     }
}
 
 
/** Grid that will be 5-up and have captions on top, rather than bottom **/
 
.instantexpert .picgrid {
     margin: 15px 0px 0px;
}
.instantexpert .picgrid .elements { 
     margin:auto -10px auto -10px;
     text-align:center
}
 
.instantexpert .picgrid .aug-elements { 
     margin-left:20px;
     text-align:left;
     padding: 30px 0 0 40px;
}
 
 
.instantexpert .picgrid .aug-element {
     display:inline-block;
     margin-bottom: 3px;
     margin-right:-1px;
     width: 86px;
}
 
.instantexpert .picgrid .aug-tag-element {
     display:inline-block;
     margin-bottom: 2px;
     margin-right:1px;
     width: 20px;
}
 
.instantexpert .picgrid .tips-element {
     display:inline-block;
     margin-bottom: 14px;
     margin-right:20px;
     width: 200px;
}
.instantexpert .picgrid .element {
     display: inline-block;
     margin-bottom: 14px;
     margin-right: 30px;
     width : 180px;
}
.instantexpert .picgrid .aug-element .aug-image {
     height:86px; 
     width:86px;
}
 
.instantexpert .picgrid .tips-element .tips-image {
     height:auto; 
     width:200px;
}
.instantexpert .picgrid .element .image {
     height:auto;
     width:180px;     
}
 
.instantexpert .picgrid .element .image:after,
.instantexpert .picgrid .tips-element .tips-image:after {
    color: #f2f6fa;
     font-weight: bold;
     font-size: 60px;
     position: relative;
    top: 80px;
}
.instantexpert .picgrid .aug-element .text,
.instantexpert .picgrid .tips-element .text,
.instantexpert .picgrid .element .text {
    margin-left:0px;
    margin-top:2px;
    text-align:left;
    font-size:12px
}
 
.instantexpert .picgrid .aug-element .text {
    line-height:130%;
    font-weight:bold
}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.