/* Theme Name: Pin Child Description: A Child Theme for the Pin Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Template: pin-wp Author: An-Themes Author URI: http://www.anthemes.net/ Tags: black, white, red License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* =Theme customization starts here -------------------------------------------------------------- */ @import url("../pin-wp/style.css"); .bar-header { width: 100%; height: 45px; margin: 0 auto; border-top: solid 2px #fff; border-bottom: solid 2px #fff; } .logo { float: left; max-height: 60px; margin-left: 15px; margin-top: 15px; } @media screen and (min-width: 20px) { logo { float: left; max-height: 40px; margin-left: 15px; margin-top: 15px; } } /* -- Entry content style -- */ .entry p a { color: #FFF; background-color: #dd3333; font-size: 15px;} .entry p a:hover { color: #000 !important; background-color: #eee !important;} /* -- Search -- */ #searchform2 { height: auto; float: right; margin: 27px 27px 0 0; border-radius: 5px; } #searchform2 #s { font-weight: bold; height: 36px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 2px 10px 0 10px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #searchform2 .buttonicon { width: 40px; height: 36px; background:url(images/btn_search.png) 12px 10px no-repeat; float: right; border: none; text-align: center; font-weight: bold; font-size: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 3px;} #s:focus { width: 250px; overflow: hidden;} /* -- Upload Button -- */ div.uploadbtn { float: right; margin: 18px 25px 0 5px; display:none; } /* -- Top Header Menu -- ##################### */ .jquerycssmenu { font-size: 16px; font-weight: 700; float: left; padding-top: 16px; margin: 0 0 0 30px; position: relative; } .jquerycssmenu ul li { position: relative; display: inline; float: left; padding: 0; } .jquerycssmenu ul li i { padding: 0 2px; font-size: 16px; margin-top: 5px; } .jquerycssmenu ul li span { display: block; margin-top: -20px; padding-bottom: 15px; font-size: 12px; font-weight: normal; } .jquerycssmenu .sub-menu { margin-top: 0px; } /*Top level menu link items style*/ .jquerycssmenu ul li:hover a { border-radius: 3px; } /*1st sub level menu*/ .jquerycssmenu ul li ul { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; position: absolute; z-index: 201; margin-top: 0px; margin-left: 0px; padding: 0px 0 10px 0; display: block; visibility: hidden; -moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 3px rgba(0,0,0,0.2); } /* Alex updated */ .jquerycssmenu .sticky-top .sub-menu { padding-bottom: 18px; } /* -- Menu Categories -- */ .menu-categories .jquerycssmenu { float: none; width: 100%; text-align: center; font-size: 14px; padding-top: 0px; color: #000; } .menu-categories .jquerycssmenu li { float: none; display: inline-block; text-align: left; margin-top: -2px;} /* Alex updated */ .menu-categories .jquerycssmenu ul li ul li ul li a { margin-right: 0px !important; margin-top: -1px;} /* -- Sticky Header -- */ header .stickytop .logo { height: 50px; margin-left: 10px; margin-top: 5px; } header .stickytop .jquerycssmenu { margin-top: -8px; font-size: 13px; } /* Alex updated */ header .stickytop .jquerycssmenu ul li { /*background-color: #00ff00;*/ height: 52px; } /* Alex updated */ header .stickytop .jquerycssmenu ul li ul li { /*background-color: #ff00ff;*/ height: 32px; } /* Alex updated */ header .stickytop .jquerycssmenu ul li ul li ul li { /*background-color: #0000ff;*/ } /* Alex updated */ header .stickytop .jquerycssmenu ul li ul li ul { margin:0px 0 0 -1px; } /* Alex updated */ header .stickytop #searchform2 .buttonicon { width: 32px; height: 30px; background:url(images/btn_search.png) 8px 7px no-repeat;} header .stickytop .jquerycssmenu ul li ul { margin-top: -23px; } /* ##### Featured Slider home ##### ################################## */ ul.featured-articles-slider li img { width: 100%;} /* -- Home Share -- */ ul.masonry_list li:hover .home-share a { opacity: 1;} .home-share { width:100%; height: auto; text-align: center; float: none; padding: 15px 0; margin-bottom: 20px !important; } .home-share a { float: left; width: 20%; opacity: 0.3; padding-top: 1px;} .home-share a.fbbutton { font-size: 12px; text-transform: uppercase; display: inline-block; background-color: #3b5998; color: #FFF !important;} .home-share a.twbutton { font-size: 12px; text-transform: uppercase; display: inline-block; background-color: #00aced; color: #FFF !important;} .home-share a.pinbutton { font-size: 12px; text-transform: uppercase; display: inline-block; background-color: #ca212a; color: #FFF !important;} .home-share a.googlebutton{ font-size: 12px; text-transform: uppercase; display: inline-block; background-color: #eb4026; color: #FFF !important;} .home-share a.emailbutton { font-size: 12px; text-transform: uppercase; display: inline-block; background-color: #666; color: #FFF !important;} /* -- Chrome CSS -- */ @media screen and (-webkit-min-device-pixel-ratio:0) { .home-share a { padding-top: 2px; } } /* -- Entry Top / Featured Image / Videos -- */ img.attachment-thumbnail-single-image { max-width: 100%; display: block; margin-left: auto; margin-right: auto; height: auto; margin-bottom: -7px;} .entry-top { width: 100%; height: auto; margin: 0 auto; padding: 30px 0px 0px 0px; text-align: center;} /* - featured img / videos - */ .media-single-content { width: 100%; height: auto; margin-bottom: 30px; margin-top: 30px;} /* -- Entry content style -- */ .entry-full { width: 96%; height: auto; margin: 0 auto; padding-left: 30px;} /* -- Single Share -- */ #single-share { width:auto; height: auto; text-align: center; float: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; margin-bottom: 20px !important; } #single-share a span { color: #FFF;} #single-share a:hover { opacity: 0.8;} #single-share a.fbbutton { float: none; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #3b5998; color: #FFF !important;} #single-share a.twbutton { float: none; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #00aced; color: #FFF !important;} #single-share a.pinbutton { float: none; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #ca212a; color: #FFF !important;} #single-share a.googlebutton{ float: none; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #eb4026; color: #FFF !important;} #single-share a.emailbutton { float: none; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #666; color: #FFF !important;} #single-share a.emailbutton i { font-size: 14px; margin-right: 5px;} #single-share .googlebutton i, #single-share .pinbutton i, #single-share .fbbutton i, #single-share .twbutton i { font-size: 16px; margin-right: 5px; } /* -- Chrome CSS -- */ @media screen and (-webkit-min-device-pixel-ratio:0) { #single-share i { } } /* -- Default Search -- */ div.widget_search #searchform2 { width:250px; float: left; margin: 0; } div.widget_search #searchform2 #s.input { background-color: #ff00ff; } div.widget_search #searchform2 #s { width: 210px; background-color: #fafafa; } /* Alex updated */ div.widget_search #searchform2 #s:focus { width: 210px; overflow: hidden;} /* Alex updated */ /* -- Archives and Nav menu widget -- */ .widget_nav_menu li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 15px; } div.widget_nav_menu li ul.sub-menu { margin: -5px 0 -5px 10px; padding: 10px 0 0 0; border: solid 1px #fff;} div.widget_nav_menu li ul.sub-menu li { padding: 5px 0 5px 15px; border: solid 1px #fff; } div.widget_nav_menu li ul.sub-menu li li { padding: 5px 0 5px 15px; border-bottom: solid 0px #f0eee9; } .widget_nav_menu li ul.sub-menu li { background: url(images/li_minus_gold.png) no-repeat 0 10px; border-bottom: 1px solid #f0eee9; display: block; padding: 5px 0 5px 0px; } .widget_nav_menu li ul.sub-menu li li { background: url(images/li_minus_gold.png) no-repeat 0 10px; border-bottom: 1px solid #f0eee9; display: block; padding: 5px 0 5px 20px; } .sidebar .widget, .sidebar-left .widget { width: 300px; padding: 0 25px 15px 25px; margin-bottom: 0px;} /* -- Sidebar -- */ .widget h3.title:after, h3.top-title:after { display: block; content: ""; width: 30px; height: 1px; margin-top: 10px; margin-bottom: 5px; width:100%; } /* -- Recent Entries -- */ div.widget_recent_entries ul { } .widget_recent_entries li { background: url(images/li_minus_green.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_recent_entries li:last-child { border: none; margin-bottom: 10px; } /* -- 6 - Comments Form --*/ ul.comment li { display: block; margin: 0 0 20px 0; padding: 20px 20px 20px 20px; border-radius: 3px; overflow: hidden; } /* Other layout properties */ h1.article-title { font-size: 36px; font-weight: 600; line-height: 44px; } .entry h2 { line-height:26px; text-decoration: none; } .social-section { width: 100%; height: 10px; text-align: center;} .sidebar { width: 300px; float: left; margin-left: 30px; padding-top: 0px;} .sidebar .widget, .sidebar-left .widget { width: 300px; padding: 0 25px 0px 25px; margin-bottom: 20px;} /* galllery images */ .gallery-image { width: 230px; } .entry-img-300 { display: none; } .ct-size { margin-top: 30px; } .character-name { font-weight: bold; } .character-series, .release-date { font-size: 12px; } /* character layout properties */ .character-container { position: relative; float: left; width: 35%; } .character-container-large { position: relative; float: left; width: 55%; margin-right:50px; } .character-container img { position: relative; max-height: 350px; } .character-text-top { padding: 30px 0px 30px 0px; } .character-text { position: relative; float: left; width: 35%; padding-right:20px; } .character-pack-container { position: relative; float: left; width: 30; padding: 60px 0px 0px 35px; } img.character-pack { position: relative; width: 170px; } span.character-title { font-size: 18px; font-weight: bold; } /* Alex nintendo 1 */ ul.minus-black-list { margin:20px 40px; list-style-type: none;} ul.figures li a:hover .boxart img { -ms-transform: scale(1.1,1.1); /* IE 9 */ -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */ transform: scale(1.1,1.1); } ul.figures li a .boxart img { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .amiibo-name { font-weight: bold; } .amiibo-series, .release-date { font-size: 12px; } /* Amiibo layout properties */ .amiibo-character-container { position: relative; float: left; width: 35%; } img.amiibo-character-image { position: relative; max-height: 350px; } .amiibo-text-top { padding: 60px 0px 30px 0px; } .amiibo-text { position: relative; float: left; width: 40%; padding-right:20px; } .amiibo-pack-container { position: relative; float: left; width: 25%; padding: 60px 0px 0px 10px; } img.amiibo-pack { position: relative; width: 170px; } span.amiibo-title { font-size: 18px; font-weight: bold; } /* ----------------------------------- Common ----------------------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { height: auto; max-width: 100%; min-width: 0; outline: none; width: auto; } /* responsive video */ .video-player { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-player iframe, .video-player object, .video-player embed, .video-player > div, .video-player video { height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; } /* ----------------------------------- Grid Layout ----------------------------------- */ .wrapper { margin-left: auto; margin-right: auto; max-width: 980px; min-width: 960px; width: 980px; } .wrapper.gutter { padding-left: 20px; padding-right: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .row { display: block; list-style: none outside none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .row:after { clear: both; /* content: "";*/ display: block; height: 0; visibility: hidden; } .row .column, .row > li { float: left; margin-left: 1.42857143%; margin-right: 1.42857143%; position: relative; width: 5.71428572%; } .no-margin .column, .no-margin > li { margin-left: 0; margin-right: 0; padding-left: 1.42857143%; padding-right: 1.42857143%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Remove margins by default on every 12th column */ .row > li:nth-child(12n+12), .row > .column:nth-child(12n+12) { margin-right: 0; } .row > li:nth-child(12n+1), .row > .column:nth-child(12n+1) { margin-left: 0; } .no-margin > li:nth-child(12n+12), .no-margin > .column:nth-child(12n+12) { padding-right: 0; } .no-margin > li:nth-child(12n+1), .no-margin > .column:nth-child(12n+1) { padding-left: 0; } /* Set uniform column widths */ .row-11cols > li, .row-11cols > .column { width:6.4935065%; } .row-10cols > li, .row-10cols > .column { width:7.4285714%; } .row-9cols > li, .row-9cols > .column { width:8.57142857%; } .row-8cols > li, .row-8cols > .column { width:9.99999999%; } .row-7cols > li, .row-7cols > .column { width:11.8367346%; } .row-6cols > li, .row-6cols > .column { width:14.2857143%; } .row-5cols > li, .row-5cols > .column { width:17.714285712%; } .row-4cols > li, .row-4cols > .column { width:22.85714286%; } .row-3cols > li, .row-3cols > .column { width:31.42857143%; } .row-2cols > li, .row-2cols > .column { width:48.57142857%; } .row-1cols > li, .row-1cols > .column { margin-left: 0; margin-right: 0; width: 100%; } /* Remove Margin/Padding on First/Last columns */ .row .column:first-child, .row li:first-child { margin-left: 0; } .row .column:last-child, .row li:last-child { margin-right: 0; } .row.no-margin .column:first-child, .row.no-margin li:first-child { padding-left: 0; } .row.no-margin .column:last-child, .row.no-margin li:last-child { padding-right: 0; } /* Custom column widths */ .row .col11 { width: 91.42857143%; } .row .col10 { width: 82.85714286%; } .row .col9 { width: 74.28571429%; } .row .col8 { width: 65.71428571%; } .row .col7 { width: 57.14285714%; } .row .col6 { width: 48.57142857%; } .row .col5 { width: 40%; } .row .col4 { width: 31.42857143%; } .row .col3 { width: 22.85714286%; } .row .col2 { width: 14.2857143%; } /*.col1 { width: 5.71428572%; }*/ /* ================================================ RESPONSIVE BASE ================================================ */ @media screen and (max-width: 980px) { .wrapper { max-width: 96%; min-width: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wrapper.gutter { padding-left: 2%; padding-right: 2%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } } /* ================================================ DESKTOP VIEW ================================================ */ @media screen and (min-width: 769px) { /* Full Column Width */ .row .col12 { clear: both; float: none; margin-left: 0; margin-right: 0; width: 100%; } /* Remove margin/padding on first last columns in even width rows */ /* .row-1cols.no-margin > li .row-1cols.no-margin > .column { padding-left: 0; padding-right: 0; } .row-2cols > li:nth-child(odd), .row-2cols > .column:nth-child(odd), .row-3cols > li:nth-child(3n+1), .row-3cols > .column:nth-child(3n+1), .row-4cols > li:nth-child(4n+1), .row-4cols > .column:nth-child(4n+1), .row-5cols > li:nth-child(5n+1), .row-5cols > .column:nth-child(5n+1), .row-6cols > li:nth-child(6n+1), .row-6cols > .column:nth-child(6n+1), .row-7cols > li:nth-child(7n+1), .row-7cols > .column:nth-child(7n+1), .row-8cols > li:nth-child(8n+1), .row-8cols > .column:nth-child(8n+1), .row-9cols > li:nth-child(9n+1), .row-9cols > .column:nth-child(9n+1), .row-10cols > li:nth-child(10n+1), .row-10cols > .column:nth-child(10n+1), .row-11cols > li:nth-child(11n+1), .row-11cols > .column:nth-child(11n+1), .row-12cols > li:nth-child(12n+1), .row-12cols > .column:nth-child(12n+1) { clear: both; margin-left: 0; } .row-2cols > li:nth-child(even), .row-2cols > .column:nth-child(even), .row-3cols > li:nth-child(3n+3), .row-3cols > .column:nth-child(3n+3), .row-4cols > li:nth-child(4n+4), .row-4cols > .column:nth-child(4n+4), .row-5cols > li:nth-child(5n+5), .row-5cols > .column:nth-child(5n+5), .row-6cols > li:nth-child(6n+6), .row-6cols > .column:nth-child(6n+6), .row-7cols > li:nth-child(7n+7), .row-7cols > .column:nth-child(7n+7), .row-8cols > li:nth-child(8n+8), .row-8cols > .column:nth-child(8n+8), .row-9cols > li:nth-child(9n+9), .row-9cols > .column:nth-child(9n+9), .row-10cols > li:nth-child(10n+10), .row-10cols > .column:nth-child(10n+10), .row-11cols > li:nth-child(11n+11), .row-11cols > .column:nth-child(11n+11), .row-12cols > li:nth-child(12n+12), .row-12cols > .column:nth-child(12n+12) { margin-right: 0; } .row-2cols.no-margin > li:nth-child(odd), .row-2cols.no-margin > .column:nth-child(odd), .row-3cols.no-margin > li:nth-child(3n+1), .row-3cols.no-margin > .column:nth-child(3n+1), .row-4cols.no-margin > li:nth-child(4n+1), .row-4cols.no-margin > .column:nth-child(4n+1), .row-5cols.no-margin > li:nth-child(5n+1), .row-5cols.no-margin > .column:nth-child(5n+1), .row-6cols.no-margin > li:nth-child(6n+1), .row-6cols.no-margin > .column:nth-child(6n+1), .row-7cols.no-margin > li:nth-child(7n+1), .row-7cols.no-margin > .column:nth-child(7n+1), .row-8cols.no-margin > li:nth-child(8n+1), .row-8cols.no-margin > .column:nth-child(8n+1), .row-9cols.no-margin > li:nth-child(9n+1), .row-9cols.no-margin > .column:nth-child(9n+1), .row-10cols.no-margin > li:nth-child(10n+1), .row-10cols.no-margin > .column:nth-child(10n+1), .row-11cols.no-margin > li:nth-child(11n+1), .row-11cols.no-margin > .column:nth-child(11n+1), .row-12cols.no-margin > li:nth-child(12n+1), .row-12cols.no-margin > .column:nth-child(12n+1) { padding-left: 0; } .row-2cols.no-margin > li:nth-child(even), .row-2cols.no-margin > .column:nth-child(even), .row-3cols.no-margin > li:nth-child(3n+3), .row-3cols.no-margin > .column:nth-child(3n+3), .row-4cols.no-margin > li:nth-child(4n+4), .row-4cols.no-margin > .column:nth-child(4n+4), .row-5cols.no-margin > li:nth-child(5n+5), .row-5cols.no-margin > .column:nth-child(5n+5), .row-6cols.no-margin > li:nth-child(6n+6), .row-6cols.no-margin > .column:nth-child(6n+6), .row-7cols.no-margin > li:nth-child(7n+7), .row-7cols.no-margin > .column:nth-child(7n+7), .row-8cols.no-margin > li:nth-child(8n+8), .row-8cols.no-margin > .column:nth-child(8n+8), .row-9cols.no-margin > li:nth-child(9n+9), .row-9cols.no-margin > .column:nth-child(9n+9), .row-10cols.no-margin > li:nth-child(10n+10), .row-10cols.no-margin > .column:nth-child(10n+10), .row-11cols.no-margin > li:nth-child(11n+11), .row-11cols.no-margin > .column:nth-child(11n+11), .row-12cols.no-margin > li:nth-child(12n+11), .row-12cols.no-margin > .column:nth-child(12n+12) { padding-right: 0; }*/ /* Push Full Column/Gutter Width */ /* .row .column.push11, .row li.push11 { left: 94.2857137%; } .row .column.push10, .row li.push10 { left: 85.7142852%; } .row .column.push9, .row li.push9 { left: 77.1428567%; } .row .column.push8, .row li.push8 { left: 68.5714282%; } .row .column.push7, .row li.push7 { left: 59.9999999%; } .row .column.push6, .row li.push6 { left: 51.4285711%; } .row .column.push5, .row li.push5 { left: 42.8571426%; } .row .column.push4, .row li.push4 { left: 34.2857141%; } .row .column.push3, .row li.push3 { left: 25.7142856%; } .row .column.push2, .row li.push2 { left: 17.1428571%; } .row .column.push1, .row li.push1 { left: 8.57142857%; }*/ /* Push Column Width only. No Gutter */ /* .row .column.pushcol, .row li.pushcol { left: 5.71428572%; }*/ /* Push Gutter Width only. No Column */ /* .row .column.pushmargin, .row li.pushmargin { left: 2.85714286%; }*/ /* Pull Full Column/Gutter Width */ /* .row .column.pull11, .row li.pull11 { left: -94.2857137%; } .row .column.pull10, .row li.pull10 { left: -85.7142852%; } .row .column.pull9, .row li.pull9 { left: -77.1428567%; } .row .column.pull8, .row li.pull8 { left: -68.5714282%; } .row .column.pull7, .row li.pull7 { left: -59.9999999%; } .row .column.pull6, .row li.pull6 { left: -51.4285711%; } .row .column.pull5, .row li.pull5 { left: -42.8571426%; } .row .column.pull4, .row li.pull4 { left: -34.2857141%; } .row .column.pull3, .row li.pull3 { left: -25.7142856%; } .row .column.pull2, .row li.pull2 { left: -17.1428571%; } .row .column.pull1, .row li.pull1 { left: -8.57142857%; }*/ /* Pull Column Width only. No Gutter */ /* .row .column.pullcol, .row li.pullcol { left: -5.71428572%; }*/ /* Pull Gutter Width only. No Column */ /* .row .column.pullmargin, .row li.pullmargin { left: -2.85714286%; }*/ .hide-desktop { display: none !important; } } /* ================================================ TABLET VIEW ================================================ */ @media screen and (min-width: 571px) and (max-width: 768px) { /* Custom column widths */ /* .row .col12-tab { width: 100%; float: none; clear: both; margin-left: 0; margin-right: 0; } .row .col11-tab { width: 91.42857143%; } .row .col10-tab { width: 82.85714286%; } .row .col9-tab { width: 74.28571429%; } .row .col8-tab { width: 65.71428571%; } .row .col7-tab { width: 57.14285714%; } .row .col6-tab { width: 48.57142857%; } .row .col5-tab { width: 40%; } .row .col4-tab { width: 31.42857143%; } .row .col3-tab { width: 22.85714286%; } .row .col2-tab { width: 14.2857143%; } .row .col1-tab { width: 5.71428572%; } .row-1cols-tab > li, .row-1cols-tab > .column { margin-left: 0; margin-right: 0; width: 100%; } .row-1cols-tab.no-margin > li .row-1cols-tab.no-margin > .column { padding-left: 0; padding-right: 0; }*/ /* Set widths for tablet classes */ /* .row-2cols-tab > li, .row-2cols-tab > .column { width:48.57142857%; } .row-3cols-tab > li, .row-3cols-tab > .column { width:31.42857143%; } .row-4cols-tab > li, .row-4cols-tab > .column { width:22.85714286%; } .row-5cols-tab > li, .row-5cols-tab > .column { width:17.714285712%; } .row-6cols-tab > li, .row-6cols-tab > .column { width:14.2857143%; } .row-7cols-tab > li, .row-7cols-tab > .column { width:11.8367346%; } .row-8cols-tab > li, .row-8cols-tab > .column { width:9.99999999%; } .row-9cols-tab > li, .row-9cols-tab > .column { width:8.57142857%; } .row-10cols-tab > li, .row-10cols-tab > .column { width:7.4285714%; } .row-11cols-tab > li, .row-11cols-tab > .column { width:6.4935065%; } .row-12cols-tab > li, .row-12cols-tab > .column { width: 5.71428572%; }*/ /* Remove margin/padding on first last columns in even width rows */ /* .row-2cols-tab > li:nth-child(odd), .row-2cols-tab > .column:nth-child(odd), .row-3cols-tab > li:nth-child(3n+1), .row-3cols-tab > .column:nth-child(3n+1), .row-4cols-tab > li:nth-child(4n+1), .row-4cols-tab > .column:nth-child(4n+1), .row-5cols-tab > li:nth-child(5n+1), .row-5cols-tab > .column:nth-child(5n+1), .row-6cols-tab > li:nth-child(6n+1), .row-6cols-tab > .column:nth-child(6n+1), .row-7cols-tab > li:nth-child(7n+1), .row-7cols-tab > .column:nth-child(7n+1), .row-8cols-tab > li:nth-child(8n+1), .row-8cols-tab > .column:nth-child(8n+1), .row-9cols-tab > li:nth-child(9n+1), .row-9cols-tab > .column:nth-child(9n+1), .row-10cols-tab > li:nth-child(10n+1), .row-10cols-tab > .column:nth-child(10n+1), .row-11cols-tab > li:nth-child(11n+1), .row-11cols-tab > .column:nth-child(11n+1), .row-12cols-tab > li:nth-child(12n+1), .row-12cols-tab > .column:nth-child(12n+1) { clear: both; margin-left: 0; } .row-2cols-tab > li:nth-child(even), .row-2cols-tab > .column:nth-child(even), .row-3cols-tab > li:nth-child(3n+3), .row-3cols-tab > .column:nth-child(3n+3), .row-4cols-tab > li:nth-child(4n+4), .row-4cols-tab > .column:nth-child(4n+4), .row-5cols-tab > li:nth-child(5n+5), .row-5cols-tab > .column:nth-child(5n+5), .row-6cols-tab > li:nth-child(6n+6), .row-6cols-tab > .column:nth-child(6n+6), .row-7cols-tab > li:nth-child(7n+7), .row-7cols-tab > .column:nth-child(7n+7), .row-8cols-tab > li:nth-child(8n+8), .row-8cols-tab > .column:nth-child(8n+8), .row-9cols-tab > li:nth-child(9n+9), .row-9cols-tab > .column:nth-child(9n+9), .row-10cols-tab > li:nth-child(10n+10), .row-10cols-tab > .column:nth-child(10n+10), .row-11cols-tab > li:nth-child(11n+11), .row-11cols-tab > .column:nth-child(11n+11), .row-12cols-tab > li:nth-child(12n+12), .row-12cols-tab > .column:nth-child(12n+12) { margin-right: 0; } .row-2cols-tab.no-margin > li:nth-child(odd), .row-2cols-tab.no-margin > .column:nth-child(odd), .row-3cols-tab.no-margin > li:nth-child(3n+1), .row-3cols-tab.no-margin > .column:nth-child(3n+1), .row-4cols-tab.no-margin > li:nth-child(4n+1), .row-4cols-tab.no-margin > .column:nth-child(4n+1), .row-5cols-tab.no-margin > li:nth-child(5n+1), .row-5cols-tab.no-margin > .column:nth-child(5n+1), .row-6cols-tab.no-margin > li:nth-child(6n+1), .row-6cols-tab.no-margin > .column:nth-child(6n+1), .row-7cols-tab.no-margin > li:nth-child(7n+1), .row-7cols-tab.no-margin > .column:nth-child(7n+1), .row-8cols-tab.no-margin > li:nth-child(8n+1), .row-8cols-tab.no-margin > .column:nth-child(8n+1), .row-9cols-tab.no-margin > li:nth-child(9n+1), .row-9cols-tab.no-margin > .column:nth-child(9n+1), .row-10cols-tab.no-margin > li:nth-child(10n+1), .row-10cols-tab.no-margin > .column:nth-child(10n+1), .row-11cols-tab.no-margin > li:nth-child(11n+1), .row-11cols-tab.no-margin > .column:nth-child(11n+1), .row-12cols-tab.no-margin > li:nth-child(12n+1), .row-12cols-tab.no-margin > .column:nth-child(12n+1) { padding-left: 0; } .row-2cols-tab.no-margin > li:nth-child(even), .row-2cols-tab.no-margin > .column:nth-child(even), .row-3cols-tab.no-margin > li:nth-child(3n+3), .row-3cols-tab.no-margin > .column:nth-child(3n+3), .row-4cols-tab.no-margin > li:nth-child(4n+4), .row-4cols-tab.no-margin > .column:nth-child(4n+4), .row-5cols-tab.no-margin > li:nth-child(5n+5), .row-5cols-tab.no-margin > .column:nth-child(5n+5), .row-6cols-tab.no-margin > li:nth-child(6n+6), .row-6cols-tab.no-margin > .column:nth-child(6n+6), .row-7cols-tab.no-margin > li:nth-child(7n+7), .row-7cols-tab.no-margin > .column:nth-child(7n+7), .row-8cols-tab.no-margin > li:nth-child(8n+8), .row-8cols-tab.no-margin > .column:nth-child(8n+8), .row-9cols-tab.no-margin > li:nth-child(9n+9), .row-9cols-tab.no-margin > .column:nth-child(9n+9), .row-10cols-tab.no-margin > li:nth-child(10n+10), .row-10cols-tab.no-margin > .column:nth-child(10n+10), .row-11cols-tab.no-margin > li:nth-child(11n+11), .row-11cols-tab.no-margin > .column:nth-child(11n+11), .row-12cols-tab.no-margin > li:nth-child(12n+11), .row-12cols-tab.no-margin > .column:nth-child(12n+12) { padding-right: 0; }*/ /* Push Full Column/Gutter Width */ /* .row .column.push11-tab, .row li.push11-tab { left: 94.2857137%; } .row .column.push10-tab, .row li.push10-tab { left: 85.7142852%; } .row .column.push9-tab, .row li.push9-tab { left: 77.1428567%; } .row .column.push8-tab, .row li.push8-tab { left: 68.5714282%; } .row .column.push7-tab, .row li.push7-tab { left: 59.9999999%; } .row .column.push6-tab, .row li.push6-tab { left: 51.4285711%; } .row .column.push5-tab, .row li.push5-tab { left: 42.8571426%; } .row .column.push4-tab, .row li.push4-tab { left: 34.2857141%; } .row .column.push3-tab, .row li.push3-tab { left: 25.7142856%; } .row .column.push2-tab, .row li.push2-tab { left: 17.1428571%; } .row .column.push1-tab, .row li.push1-tab { left: 8.57142857%; }*/ /* Push Column Width only. No Gutter */ /* .row .column.pushcol-tab, .row li.pushcol-tab { left: 5.71428572%; }*/ /* Push Gutter Width only. No Column */ /* .row .column.pushmargin-tab, .row li.pushmargin-tab { left: 2.85714286%; }*/ /* Pull Full Column/Gutter Width */ /* .row .column.pull11-tab, .row li.pull11-tab { left: -94.2857137%; } .row .column.pull10-tab, .row li.pull10-tab { left: -85.7142852%; } .row .column.pull9-tab, .row li.pull9-tab { left: -77.1428567%; } .row .column.pull8-tab, .row li.pull8-tab { left: -68.5714282%; } .row .column.pull7-tab, .row li.pull7-tab { left: -59.9999999%; } .row .column.pull6-tab, .row li.pull6-tab { left: -51.4285711%; } .row .column.pull5-tab, .row li.pull5-tab { left: -42.8571426%; } .row .column.pull4-tab, .row li.pull4-tab { left: -34.2857141%; } .row .column.pull3-tab, .row li.pull3-tab { left: -25.7142856%; } .row .column.pull2-tab, .row li.pull2-tab { left: -17.1428571%; } .row .column.pull1-tab, .row li.pull1-tab { left: -8.57142857%; }*/ /* Pull Column Width only. No Gutter */ /* .row .column.pullcol-tab, .row li.pullcol-tab { left: -5.71428572%; }*/ /* Pull Gutter Width only. No Column */ /* .row .column.pullmargin-tab, .row li.pullmargin-tab { left: -2.85714286%; }*/ /* .hide-tablet { display: none !important; }*/ } /* ================================================ MOBILE VIEW ================================================ */ @media screen and (max-width: 570px) { .amiibo-character-container { position: relative; float: left; width: 100%; } img.amiibo-character-image { position: relative; height: auto; width: 88%; } .amiibo-text { position: relative; float: left; width: 100%; } .amiibo-pack-container { position: relative; float: left; width: 100%; padding: 60px 0px 0px 0px; } img.amiibo-pack { position: relative; height: auto; width: 88%; } .character-container { position: relative; float: left; width: 100%; } .character-container img { position: relative; height: auto; width: 88%; } .character-container-large { position: relative; float: left; width: 100%; } .character-container-large img { position: relative; height: auto; width: 88%; } .character-text-top { padding: 30px 0px 30px 0px; } .character-text { position: relative; float: left; width: 100%; /*padding-right:20px;*/ } .character-pack-container { position: relative; float: left; width: auto; padding: 50px 0px 0px 0px; } img.character-pack { position: relative; width: 88%; } span.character-title { font-size: 18px; font-weight: bold; } /* Default Columns are Full Width */ .row > .column, .row > li { float: none; clear: both; margin-left: 0; margin-right: 0; width: 100%; } .no-margin > .column, .no-margin > li { padding-left: 0; padding-right: 0; } /* Custom column widths */ /* .row .col12-mob { width: 100%; float: none; clear: both; margin-left: 0; margin-right: 0; } .row .col11-mob { width: 91.42857143%; float: left; clear: none; } .row .col10-mob { width: 82.85714286%; float: left; clear: none; } .row .col9-mob { width: 74.28571429%; float: left; clear: none; } .row .col8-mob { width: 65.71428571%; float: left; clear: none; } .row .col7-mob { width: 57.14285714%; float: left; clear: none; } .row .col6-mob { width: 48.57142857%; float: left; clear: none; } .row .col5-mob { width: 40%; float: left; clear: none; } .row .col4-mob { width: 31.42857143%; float: left; clear: none; } .row .col3-mob { width: 22.85714286%; float: left; clear: none; } .row .col2-mob { width: 14.2857143%; float: left; clear: none; } .row .col1-mob { width: 5.71428572%; float: left; clear: none; }*/ /* Push Full Column/Gutter Width */ /* .row .column.push11-mob, .row li.push11-mob { left: 94.2857137%; } .row .column.push10-mob, .row li.push10-mob { left: 85.7142852%; } .row .column.push9-mob, .row li.push9-mob { left: 77.1428567%; } .row .column.push8-mob, .row li.push8-mob { left: 68.5714282%; } .row .column.push7-mob, .row li.push7-mob { left: 59.9999999%; } .row .column.push6-mob, .row li.push6-mob { left: 51.4285711%; } .row .column.push5-mob, .row li.push5-mob { left: 42.8571426%; } .row .column.push4-mob, .row li.push4-mob { left: 34.2857141%; } .row .column.push3-mob, .row li.push3-mob { left: 25.7142856%; } .row .column.push2-mob, .row li.push2-mob { left: 17.1428571%; } .row .column.push1-mob, .row li.push1-mob { left: 8.57142857%; }*/ /* Push Column Width only. No Gutter */ /* .row .column.pushcol-mob, .row li.pushcol-mob { left: 5.71428572%; }*/ /* Push Gutter Width only. No Column */ /* .row .column.pushmargin-mob, .row li.pushmargin-mob { left: 2.85714286%; }*/ /* Pull Full Column/Gutter Width */ /* .row .column.pull11-mob, .row li.pull11-mob { left: -94.2857137%; } .row .column.pull10-mob, .row li.pull10-mob { left: -85.7142852%; } .row .column.pull9-mob, .row li.pull9-mob { left: -77.1428567%; } .row .column.pull8-mob, .row li.pull8-mob { left: -68.5714282%; } .row .column.pull7-mob, .row li.pull7-mob { left: -59.9999999%; } .row .column.pull6-mob, .row li.pull6-mob { left: -51.4285711%; } .row .column.pull5-mob, .row li.pull5-mob { left: -42.8571426%; } .row .column.pull4-mob, .row li.pull4-mob { left: -34.2857141%; } .row .column.pull3-mob, .row li.pull3-mob { left: -25.7142856%; } .row .column.pull2-mob, .row li.pull2-mob { left: -17.1428571%; } .row .column.pull1-mob, .row li.pull1-mob { left: -8.57142857%; }*/ /* Pull Column Width only. No Gutter */ /* .row .column.pullcol-mob, .row li.pullcol-mob { left: -5.71428572%; }*/ /* Pull Gutter Width only. No Column */ /* .row .column.pullmargin-mob, .row li.pullmargin-mob { left: -2.85714286%; }*/ /* Add margin/padding for multi columns */ /* .row-2cols-mob > li, .row-2cols-mob > .column, .row-3cols-mob > li, .row-3cols-mob > .column, .row-4cols-mob > li, .row-4cols-mob > .column, .row-5cols-mob > li, .row-5cols-mob > .column, .row-6cols-mob > li, .row-6cols-mob > .column, .row-7cols-mob > li, .row-7cols-mob > .column, .row-8cols-mob > li, .row-8cols-mob > .column, .row-9cols-mob > li, .row-9cols-mob > .column, .row-10cols-mob > li, .row-10cols-mob > .column, .row-11cols-mob > li, .row-11cols-mob > .column, .row-12cols-mob > li, .row-12cols-mob > .column { clear: none; float: left; margin-left: 1.42857143%; margin-right: 1.42857143%; } .row-2cols-mob.no-margin > li, .row-2cols-mob.no-margin > .column, .row-3cols-mob.no-margin > li, .row-3cols-mob.no-margin > .column, .row-4cols-mob.no-margin > li, .row-4cols-mob.no-margin > .column, .row-5cols-mob.no-margin > li, .row-5cols-mob.no-margin > .column, .row-6cols-mob.no-margin > li, .row-6cols-mob.no-margin > .column, .row-7cols-mob.no-margin > li, .row-7cols-mob.no-margin > .column, .row-8cols-mob.no-margin > li, .row-8cols-mob.no-margin > .column, .row-9cols-mob.no-margin > li, .row-9cols-mob.no-margin > .column, .row-10cols-mob.no-margin > li, .row-10cols-mob.no-margin > .column, .row-11cols-mob.no-margin > li, .row-11cols-mob.no-margin > .column, .row-12cols-mob.no-margin > li, .row-12cols-mob.no-margin > .column { padding-left: 1.42857143%; padding-right: 1.42857143%; }*/ /* Set widths for mobile classes */ /* .row-2cols-mob > li, .row-2cols-mob > .column { width:48.57142857%; } .row-3cols-mob > li, .row-3cols-mob > .column { width:31.42857143%; } .row-4cols-mob > li, .row-4cols-mob > .column { width:22.85714286%; } .row-5cols-mob > li, .row-5cols-mob > .column { width:17.714285712%; } .row-6cols-mob > li, .row-6cols-mob > .column { width:14.2857143%; } .row-7cols-mob > li, .row-7cols-mob > .column { width:11.8367346%; } .row-8cols-mob > li, .row-8cols-mob > .column { width:9.99999999%; } .row-9cols-mob > li, .row-9cols-mob > .column { width:8.57142857%; } .row-10cols-mob > li, .row-10cols-mob > .column { width:7.4285714%; } .row-11cols-mob > li, .row-11cols-mob > .column { width:6.4935065%; } .row-12cols-mob > li, .row-12cols-mob > .column { width: 5.71428572%; }*/ /* Remove margin/padding on first last columns in even width rows */ /* .row-2cols-mob > li:nth-child(odd), .row-2cols-mob > .column:nth-child(odd), .row-3cols-mob > li:nth-child(3n+1), .row-3cols-mob > .column:nth-child(3n+1), .row-4cols-mob > li:nth-child(4n+1), .row-4cols-mob > .column:nth-child(4n+1), .row-5cols-mob > li:nth-child(5n+1), .row-5cols-mob > .column:nth-child(5n+1), .row-6cols-mob > li:nth-child(6n+1), .row-6cols-mob > .column:nth-child(6n+1), .row-7cols-mob > li:nth-child(7n+1), .row-7cols-mob > .column:nth-child(7n+1), .row-8cols-mob > li:nth-child(8n+1), .row-8cols-mob > .column:nth-child(8n+1), .row-9cols-mob > li:nth-child(9n+1), .row-9cols-mob > .column:nth-child(9n+1), .row-10cols-mob > li:nth-child(10n+1), .row-10cols-mob > .column:nth-child(10n+1), .row-11cols-mob > li:nth-child(11n+1), .row-11cols-mob > .column:nth-child(11n+1), .row-12cols-mob > li:nth-child(12n+1), .row-12cols-mob > .column:nth-child(12n+1) { clear: both; margin-left: 0; } .row-2cols-mob > li:nth-child(even), .row-2cols-mob > .column:nth-child(even), .row-3cols-mob > li:nth-child(3n+3), .row-3cols-mob > .column:nth-child(3n+3), .row-4cols-mob > li:nth-child(4n+4), .row-4cols-mob > .column:nth-child(4n+4), .row-5cols-mob > li:nth-child(5n+5), .row-5cols-mob > .column:nth-child(5n+5), .row-6cols-mob > li:nth-child(6n+6), .row-6cols-mob > .column:nth-child(6n+6), .row-7cols-mob > li:nth-child(7n+7), .row-7cols-mob > .column:nth-child(7n+7), .row-8cols-mob > li:nth-child(8n+8), .row-8cols-mob > .column:nth-child(8n+8), .row-9cols-mob > li:nth-child(9n+9), .row-9cols-mob > .column:nth-child(9n+9), .row-10cols-mob > li:nth-child(10n+10), .row-10cols-mob > .column:nth-child(10n+10), .row-11cols-mob > li:nth-child(11n+11), .row-11cols-mob > .column:nth-child(11n+11), .row-12cols-mob > li:nth-child(12n+12), .row-12cols-mob > .column:nth-child(12n+12) { margin-right: 0; } .row-2cols-mob.no-margin > li:nth-child(odd), .row-2cols-mob.no-margin > .column:nth-child(odd), .row-3cols-mob.no-margin > li:nth-child(3n+1), .row-3cols-mob.no-margin > .column:nth-child(3n+1), .row-4cols-mob.no-margin > li:nth-child(4n+1), .row-4cols-mob.no-margin > .column:nth-child(4n+1), .row-5cols-mob.no-margin > li:nth-child(5n+1), .row-5cols-mob.no-margin > .column:nth-child(5n+1), .row-6cols-mob.no-margin > li:nth-child(6n+1), .row-6cols-mob.no-margin > .column:nth-child(6n+1), .row-7cols-mob.no-margin > li:nth-child(7n+1), .row-7cols-mob.no-margin > .column:nth-child(7n+1), .row-8cols-mob.no-margin > li:nth-child(8n+1), .row-8cols-mob.no-margin > .column:nth-child(8n+1), .row-9cols-mob.no-margin > li:nth-child(9n+1), .row-9cols-mob.no-margin > .column:nth-child(9n+1), .row-10cols-mob.no-margin > li:nth-child(10n+1), .row-10cols-mob.no-margin > .column:nth-child(10n+1), .row-11cols-mob.no-margin > li:nth-child(11n+1), .row-11cols-mob.no-margin > .column:nth-child(11n+1), .row-12cols-mob.no-margin > li:nth-child(12n+1), .row-12cols-mob.no-margin > .column:nth-child(12n+1) { padding-left: 0; } .row-2cols-mob.no-margin > li:nth-child(even), .row-2cols-mob.no-margin > .column:nth-child(even), .row-3cols-mob.no-margin > li:nth-child(3n+3), .row-3cols-mob.no-margin > .column:nth-child(3n+3), .row-4cols-mob.no-margin > li:nth-child(4n+4), .row-4cols-mob.no-margin > .column:nth-child(4n+4), .row-5cols-mob.no-margin > li:nth-child(5n+5), .row-5cols-mob.no-margin > .column:nth-child(5n+5), .row-6cols-mob.no-margin > li:nth-child(6n+6), .row-6cols-mob.no-margin > .column:nth-child(6n+6), .row-7cols-mob.no-margin > li:nth-child(7n+7), .row-7cols-mob.no-margin > .column:nth-child(7n+7), .row-8cols-mob.no-margin > li:nth-child(8n+8), .row-8cols-mob.no-margin > .column:nth-child(8n+8), .row-9cols-mob.no-margin > li:nth-child(9n+9), .row-9cols-mob.no-margin > .column:nth-child(9n+9), .row-10cols-mob.no-margin > li:nth-child(10n+10), .row-10cols-mob.no-margin > .column:nth-child(10n+10), .row-11cols-mob.no-margin > li:nth-child(11n+11), .row-11cols-mob.no-margin > .column:nth-child(11n+11), .row-12cols-mob.no-margin > li:nth-child(12n+11), .row-12cols-mob.no-margin > .column:nth-child(12n+12) { padding-right: 0; } .no-margin > .column, .no-margin > li { margin: 0; } .hide-mobile { display: none !important; }*/ } /* Alex nintendo 2 */ /*aside .boxart, aside .game-rating, aside .row { text-align: center; } ul.figures li { -webkit-transition: all 150ms cubic-bezier(.17,.67,.55,1.29); -moz-transition: all 150ms cubic-bezier(.17,.67,.55,1.29); -ms-transition: all 150ms cubic-bezier(.17,.67,.55,1.29); -o-transition: all 150ms cubic-bezier(.17,.67,.55,1.29); transition: all 150ms cubic-bezier(.17,.67,.55,1.29); image-rendering: optimizeQuality; } ul.figures li.sorting { transform: scale(0,0); -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); } .peek-row { padding: 1.5em; margin: 0em auto 2em auto; } aside .game-rating p { font-size: .8em; white-space: nowrap; } aside .game-rating img { margin: 1em auto; } aside img.boxart { margin: 0 auto 1em; } aside p { line-height: 1.5; margin: 0 0 0 0; } body#amiibo-page nav.secondary-nav a.nav-toggle { background: #009beb; } .btn-back { cursor: pointer; font-family: 'latoBold'; line-height: 26px; } .panel .h4 { font-family: 'latoBold'; } .panel .b3 { color: #000000; }*/ /*.btn-back:before { display: inline-block; font-family: 'icons'; font-size: 80%; height: 20px; position: relative; width: 20px; } #chooser li a, #chooser li a p.b8, .figures .b3, .figures span.b8 { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } #chooser li, #chooser li p.b8 { color: #000000; }*/ /*.figures li a:hover { text-decoration: none; } .figures li a:hover .b3, .figures li a:hover span.b8 { color: #3aa4ff; } #chooser li a:hover { cursor: pointer; text-decoration: none; } #chooser li a:hover p.b8 { color: #3aa4ff; text-decoration: none; } .btn-back:hover { text-decoration: underline; } .content-wrapper { position: relative; } section.games { display: none; } */ /*.panel { display: none; } .panel.active { display: block; }*/ h2.more-games { font-family: 'latoLight'; font-size: 36px; margin: 0.5em 0; } .boxen li { text-align: center; } .content-wrapper .wrapper .boxen li img { display: inline; } .boxen {margin: 1em 0;} a.toplink, a.toplink:hover { color: #0098ec; } section.waves { background: transparent url('/images/page/amiibo/line-up/br-blue.png') repeat-x left -60px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding-top: 0 ! important; border-bottom: 1px solid #0098ec; position: relative; } section.waves .loader { width: 100%; position: absolute; text-align: center; top: 200px; } section.waves .loader img { display: inline-block; } .browse { font-size: 20px; font-family: 'latoLight'; display: inline; } a.release-link, a.alpha-link { font-family: 'latoBold'; color: #009beb; padding: 0.6em; white-space: nowrap; } a.release-link.active, a.alpha-link.active, a.release-link:hover, a.alpha-link:hover { background-color: #009beb; color: #ffffff; border-radius: 6px; text-decoration: none; } .content-wrapper .wrapper.small-pad { padding: 0 0 0.5em 0; margin-bottom: 1em; } section .header-bar { padding: 5px 0 5px 60px; border-top-left-radius: 6px; border-top-right-radius: 6px; margin-bottom: 2em; } section.waves .header-bar { background: #0098ec; } span.view { color: #ffffff; } span.view:hover { cursor: pointer; text-decoration: none; background-position: -139px 0 ! important; } .gradient-container { background: #0099ec; background: -moz-linear-gradient(left, #8bd2fc 0%, #0099ec 50%, #8bd2fc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8bd2fc), color-stop(50%,#0099ec), color-stop(100%,#8bd2fc)); background: -webkit-linear-gradient(left, #8bd2fc 0%,#0099ec 50%,#8bd2fc 100%); background: -o-linear-gradient(left, #8bd2fc 0%,#0099ec 50%,#8bd2fc 100%); background: -ms-linear-gradient(left, #8bd2fc 0%,#0099ec 50%,#8bd2fc 100%); background: linear-gradient(to right, #8bd2fc 0%,#0099ec 50%,#8bd2fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd2fc', endColorstr='#0099ec',GradientType=1 ); padding:3px 0; } a.btn-compatibility { color: #079682; float: right; padding-top: 16px; } /* Tablet and mobile */ @media screen and (max-width: 768px) { a.btn-compatibility { float: none; display: block; } } span.coming-soon-badge { color: #ffffff; background-color: #009beb; padding: 0.4em 0.9em; border-radius: 50px; line-height: 2.6em; } span.view { width: 139px; text-align: center; display: inline-block; padding-top: 8px; padding-bottom: 20px; } span.view.all { background: transparent url('/images/page/amiibo/line-up/tab-gray-jade.png') no-repeat 0 0; } span.view.game { background: transparent url('/images/page/amiibo/line-up/tab-gray-jade.png') no-repeat 0 0; } span.view.all.active, span.view.all.active:hover { background: transparent url('/images/page/amiibo/line-up/tab-jade.png') no-repeat 0 0; background-position: 0 0 ! important; } span.view.game.active, span.view.game.active:hover { background: transparent url('/images/page/amiibo/line-up/tab-jade.png') no-repeat 0 0; background-position: 0 0 ! important; } #page-container { background: #ffffff url('/images/page/amiibo/common/sil-blend.jpg') repeat-x center top ! important; } .blue-header img { max-width: 325px; width: 100%; } ul.figures li { text-align: center; margin:0 0 2em 0; width: 25%; } .content-wrapper .wrapper { padding: 2.5rem 0; } .content-wrapper .wrapper.flush-bottom { padding-bottom: 0; } .content-wrapper .wrapper img { display: block; } ul.figures li a .boxart img { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } ul.figures li a:hover .boxart img { -ms-transform: scale(1.1,1.1); /* IE 9 */ -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */ transform: scale(1.1,1.1); } img.expanded-cell { width: 170%; max-width: 947px; position: relative; left: -25%; } /* disable detail pages for Spanish */ body:lang(es-LA) ul.figures li a, body:lang(es-LA) ul.figures li a:hover { cursor: default; } body:lang(es-LA) ul.figures li a:hover .boxart img { -ms-transform: none; -webkit-transform: none; /* Chrome, Safari, Opera */ transform: none; } body:lang(es-LA) .figures li a:hover .b3, body:lang(es-LA) .figures li a:hover span.b8 { color: #777777; } /* desktop only */ @media screen and (min-width: 769px) { /* Change width of each li figure */ ul.figures li { margin:0 1em 1em 0; width: 31%; } div.boxart { margin-bottom: 5px; } aside img.boxart { margin: 0 auto 1em 0; } aside .boxart, aside .game-rating, aside .row { max-width: 150px; } section.games .panel { padding: 1em 2.5em 1em 2.5em; } } /* Tablet */ @media screen and (min-width: 569px) and (max-width: 768px) { ul.figures li { margin:0 0 1em 0; width: 33%; } } @media screen and (max-width: 568px) { .browse { display: block; margin-bottom: 1em; } ul.figures li { margin:0 0 1em 2.3em; width: 80%; } } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } input[type="submit"], input[type="button"] { -webkit-appearance: button; } select { -webkit-appearance:textfield; }