Added login request
This commit is contained in:
Nedim Uka
@@ -0,0 +1,82 @@
|
||||
// ==========================================================================
|
||||
// Jetpack Connection Landing Page ('Please connect jetpack')
|
||||
//===========================================================================
|
||||
|
||||
// ==========================================================================
|
||||
// Jetpack NUX Page(s) (main jetpack admin page + jumpstart)
|
||||
//===========================================================================
|
||||
|
||||
// Needs to be cleaned. Let's remove those important tags and unneeded classes that we can utilize from core. Properly nest elements. migrate into _main.scss
|
||||
// Once everything is tested, I'll remove all the comments below as well. - @jeffgolenski
|
||||
|
||||
// wrapping these common element names temporarily until I can audit - jeff
|
||||
.jp-content {
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.landing {
|
||||
margin: 0 auto;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: 400;
|
||||
line-height: 1.75em;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
||||
&.success {
|
||||
color: $green;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
background-image: none;
|
||||
|
||||
&:before {
|
||||
height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.more-info:before {
|
||||
content: none;
|
||||
}
|
||||
} //.jp-content
|
||||
|
||||
.landing {
|
||||
.wpcom-connect {
|
||||
min-height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcom-connect {
|
||||
.j-col {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Breakpoints
|
||||
@include breakpoint(large-desktop) {
|
||||
.jp-content {
|
||||
.landing {
|
||||
padding: 0 2em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
}
|
||||
} // large-desktop
|
||||
|
||||
@include breakpoint(large-phone) {
|
||||
.jp-content {
|
||||
.landing {
|
||||
padding: 0 .5em;
|
||||
}
|
||||
}
|
||||
} // large-phone
|
||||
@@ -0,0 +1,634 @@
|
||||
// ==========================================================================
|
||||
// Main Layout
|
||||
// ==========================================================================
|
||||
|
||||
.configure .frame.top.fixed {
|
||||
@include breakpoint(tablet){
|
||||
padding-left: 0;
|
||||
};
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Main author styles
|
||||
// ==========================================================================
|
||||
|
||||
.wrap.inner,
|
||||
.page-content {
|
||||
max-width: 950px;
|
||||
margin: 0 auto;
|
||||
|
||||
li {
|
||||
line-height: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
@include breakpoint(large-phone){
|
||||
margin-top: 0;
|
||||
};
|
||||
}
|
||||
|
||||
.wrap.inner {
|
||||
@include breakpoint(large-desktop) {
|
||||
background: $clouds;
|
||||
padding: 15px;
|
||||
};
|
||||
@include breakpoint(large-phone) {
|
||||
margin-top: em(24px);
|
||||
};
|
||||
}
|
||||
|
||||
.page-content.about {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
||||
@include breakpoint(large-desktop){
|
||||
background: $clouds;
|
||||
padding: 15px;
|
||||
};
|
||||
}
|
||||
|
||||
.page-content.configure {
|
||||
@include breakpoint(large-desktop){
|
||||
background: $clouds;
|
||||
};
|
||||
}
|
||||
|
||||
.footer nav {
|
||||
max-width: 550px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
// ==========================================================================
|
||||
// Main navigation
|
||||
// ==========================================================================
|
||||
|
||||
.header {
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: $green;
|
||||
}
|
||||
.header-nav {
|
||||
li {
|
||||
line-height: 60px;
|
||||
|
||||
}
|
||||
a {
|
||||
padding: 0 em(10px);
|
||||
line-height: 24px;
|
||||
}
|
||||
.jetpack-logo {
|
||||
a {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 214px;
|
||||
margin-right: 6px;
|
||||
background: url(../images/jetpack-logo.png) center center no-repeat;
|
||||
background: url(../images/jetpack-logo.svg) center center no-repeat, none;
|
||||
background-size: 183px auto;
|
||||
color: #fff;
|
||||
line-height: 60px;
|
||||
font-weight: normal;
|
||||
|
||||
span {
|
||||
text-indent: -9999px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// needs to be cleaned up and removed - jeffgolenski
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-size: 183px 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jetpack-modules + .jetpack-modules {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
float: left;
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
}
|
||||
@include breakpoint(desktop){
|
||||
font-size: 13px;
|
||||
};
|
||||
}
|
||||
|
||||
// Help tab
|
||||
.jetpack-pagestyles {
|
||||
#screen-meta {
|
||||
margin: 0;
|
||||
}
|
||||
#screen-meta-links .screen-meta-toggle {
|
||||
z-index: 2;
|
||||
}
|
||||
#screen-options-link-wrap, #contextual-help-link-wrap {
|
||||
border: none;
|
||||
}
|
||||
.update-nag {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Modal
|
||||
// ==========================================================================
|
||||
|
||||
.loading {
|
||||
bottom: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
|
||||
span {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.modal {
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
top: 52px;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
left: 20px;
|
||||
margin-left: 160px;
|
||||
display: none;
|
||||
box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
|
||||
z-index: 500;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font: 300 em(24px) 'genericons' !important;
|
||||
color: #777;
|
||||
content: '\f405';
|
||||
display: inline-block;
|
||||
padding: em(4px) em(10px) em(6px);
|
||||
z-index: 5;
|
||||
|
||||
&:hover {
|
||||
background: #eee;
|
||||
opacity: 0.8;
|
||||
}
|
||||
&:active {
|
||||
background: #eee;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
.content-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
padding: em(30px, 14px);
|
||||
}
|
||||
.content {
|
||||
margin: 0 auto;
|
||||
max-width: 900px;
|
||||
text-align: left;
|
||||
}
|
||||
h2 {
|
||||
text-align: left;
|
||||
margin-top: 0;
|
||||
color: #5d6d74;
|
||||
font-weight: 300;
|
||||
line-height: 32px;
|
||||
text-shadow: 0 1px 1px #fff;
|
||||
|
||||
@include breakpoint(large-phone){
|
||||
font-size: 26px;
|
||||
};
|
||||
}
|
||||
h5 {
|
||||
clear: left;
|
||||
}
|
||||
p {
|
||||
font-size: em(16px, 13px);
|
||||
}
|
||||
footer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
border-top: 1px solid #ddd;
|
||||
background: #fff;
|
||||
text-align: right;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.button-secondary,
|
||||
.button-primary:active {
|
||||
// fixing weird core bug thingy
|
||||
vertical-align: baseline;
|
||||
}
|
||||
@include breakpoint(desktop){
|
||||
bottom: 5%;
|
||||
margin-left: 36px;
|
||||
font-size: 80%;
|
||||
|
||||
.content {
|
||||
top: 38px;
|
||||
}
|
||||
};
|
||||
@include breakpoint(tablet){
|
||||
top: 66px;
|
||||
margin-left: 0;
|
||||
};
|
||||
@include breakpoint(phablet){
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
.jp-info-img {
|
||||
float: right;
|
||||
margin: 0 0 8px 30px;
|
||||
|
||||
img {
|
||||
border: 1px solid #ddd;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
@include breakpoint(tablet){
|
||||
float: none;
|
||||
margin: 0 0 15px;
|
||||
};
|
||||
}
|
||||
.content-container.modal-footer {
|
||||
bottom: 53px;
|
||||
}
|
||||
.shade {
|
||||
background: #000;
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
left: 0;
|
||||
opacity: 0.2;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Footer Navigation
|
||||
// ==========================================================================
|
||||
|
||||
// NOTE: .download-jetpack is in _buttons.scss
|
||||
.footer {
|
||||
margin-top: em(20px);
|
||||
position: relative;
|
||||
padding: em(140px) 0 em(60px);
|
||||
text-align: center;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
&:before {
|
||||
top: 0;
|
||||
margin-top: -1px; // Removes subpixel gap on retina landscape
|
||||
width: 100%;
|
||||
height: 195px;
|
||||
}
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
.download-jetpack {
|
||||
margin-bottom: 33px;
|
||||
}
|
||||
@include minbreakpoint(large-desktop){
|
||||
padding-bottom: 35px;
|
||||
};
|
||||
@include breakpoint(large-desktop) {
|
||||
padding-top: 165px;
|
||||
padding-bottom: 0;
|
||||
|
||||
&:before {
|
||||
background-size: 160% auto;
|
||||
}
|
||||
ul {
|
||||
float: none;
|
||||
overflow: hidden; // Clears the float
|
||||
}
|
||||
};
|
||||
@include breakpoint(desktop){
|
||||
padding-top: 146px;
|
||||
};
|
||||
@include breakpoint(tablet){
|
||||
margin-top: 0;
|
||||
};
|
||||
@include breakpoint(large-phone){
|
||||
margin-top: 0;
|
||||
padding-top: 135px;
|
||||
};
|
||||
@include breakpoint(phone){
|
||||
padding-top: 76px;
|
||||
};
|
||||
}
|
||||
.footer nav {
|
||||
max-width: 100%;
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
padding: 4px 6px;
|
||||
color: #999;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #81A844;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large-desktop){
|
||||
a,
|
||||
a:visited {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $green;
|
||||
}
|
||||
}
|
||||
};
|
||||
@include breakpoint(large-phone){
|
||||
li {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: 0 16px;
|
||||
line-height: 44px;
|
||||
}
|
||||
};
|
||||
}
|
||||
.primary {
|
||||
padding: 25px 15px 10px 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.secondary-footer {
|
||||
margin: 0 auto;
|
||||
|
||||
li {
|
||||
margin-right: 5px;
|
||||
}
|
||||
@include minbreakpoint(tablet){
|
||||
padding: 8px 15px 10px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #eee;
|
||||
};
|
||||
@include minbreakpoint(large-desktop){
|
||||
margin-bottom: 0;
|
||||
};
|
||||
@include breakpoint(tablet){
|
||||
padding: 8px 15px 8px;
|
||||
border-bottom: none;
|
||||
};
|
||||
@include breakpoint(large-phone){
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
font-weight: 400;
|
||||
|
||||
a {
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
};
|
||||
}
|
||||
.footer .a8c-attribution {
|
||||
margin: 0;
|
||||
padding: 0 6px;
|
||||
color: #bbb;
|
||||
font-size: em(11px);
|
||||
font-family: $gill;
|
||||
text-transform: uppercase;
|
||||
|
||||
a {
|
||||
// This may look janky, but if you highlight from
|
||||
// "AN" to "TEAM," copy and paste, you'll get the whole
|
||||
// "An AUTOMATTIC TEAM" phrase.
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 4px 16px;
|
||||
right: 9999px;
|
||||
outline: 0;
|
||||
|
||||
&:after {
|
||||
content: 'A';
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: -9999px;
|
||||
height: 100%;
|
||||
color: #999;
|
||||
font-size: em(17px, 11px);
|
||||
font-family: $automatticons;
|
||||
text-align: center;
|
||||
}
|
||||
&:hover {
|
||||
&:after {
|
||||
animation: candy .4s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.secondary {
|
||||
@include minbreakpoint(tablet){
|
||||
padding: 0 15px 10px 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
@include minbreakpoint(large-desktop){
|
||||
padding: 0 15px 10px 15px;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ==========================================================================
|
||||
// Messages & Errors
|
||||
// ==========================================================================
|
||||
|
||||
.jetpack-message {
|
||||
background: lighten($green, 5%);
|
||||
border: 1px solid darken($green, 5%);
|
||||
margin: 33px auto 0;
|
||||
max-width: 90%;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
&.is-opt-in {
|
||||
margin: 50px 0 0;
|
||||
max-width: 100%;
|
||||
padding: 10px 15px;
|
||||
background: #fff;
|
||||
border: 0;
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
|
||||
// page=jetpack specific styling
|
||||
.subhead & {
|
||||
margin: 0;
|
||||
padding-bottom: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
|
||||
.jp-button {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: #3c4549;
|
||||
}
|
||||
.jp-button {
|
||||
margin-top: 15px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.squeezer {
|
||||
h2 {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.squeezer {
|
||||
padding: 23px 23px 23px 80px;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
|
||||
&:before {
|
||||
color: #fff;
|
||||
content: '\f418';
|
||||
font-family: 'Genericons';
|
||||
font-size: 33px;
|
||||
height: 33px;
|
||||
left: 25px;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
top: calc( 50% - 22px );
|
||||
}
|
||||
@include breakpoint(large-phone){
|
||||
padding: 23px;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color:#FFF;
|
||||
border-bottom:1px solid #D5E4BD;
|
||||
} a:hover{
|
||||
border-bottom:1px solid #F1F6E9;
|
||||
}
|
||||
}
|
||||
&.error .squeezer:before,
|
||||
&.jetpack-err .squeezer:before {
|
||||
content: '\f414';
|
||||
}
|
||||
}
|
||||
|
||||
.configure-module .jetpack-message {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Uncategorized
|
||||
// ==========================================================================
|
||||
|
||||
@include breakpoint(large-phone){
|
||||
.wrap.inner.jp-support { // Used anywhere?
|
||||
.jp-support-column-left {
|
||||
width: 100%;
|
||||
|
||||
.widget-text {
|
||||
margin-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.jp-support-column-right {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// ==========================================================================
|
||||
// Custom Breakpoints
|
||||
// ==========================================================================
|
||||
|
||||
@media screen and (max-width: 515px) {
|
||||
.jp-frame {
|
||||
.header-nav {
|
||||
padding-bottom: 10px;
|
||||
|
||||
li {
|
||||
line-height: 30px;
|
||||
}
|
||||
.jetpack-logo {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.jetpack-modules {
|
||||
margin: 0;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.jetpack-modules + .jetpack-modules {
|
||||
text-align: left;
|
||||
}
|
||||
.jetpack-modules:nth-child(4) {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
a {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} // max 515px
|
||||
|
||||
// ==========================================================================
|
||||
// Fix notice in IE
|
||||
// ==========================================================================
|
||||
#ie-legacy-notice .dops-notice__content {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
@@ -0,0 +1,373 @@
|
||||
// ==========================================================================
|
||||
// Settings
|
||||
// ==========================================================================
|
||||
|
||||
.page-content.configure {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.configure .frame {
|
||||
|
||||
&.top {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding-top: em(20px);
|
||||
position: relative;
|
||||
top: auto;
|
||||
|
||||
&.fixed {
|
||||
background: #f9f9f9;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
padding-left: 160px;
|
||||
margin-top: -6px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 32px;
|
||||
width: 100%;
|
||||
z-index: 4;
|
||||
box-shadow: 0 2px 2px -2px #eee;
|
||||
|
||||
@media (max-width: 782px) {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding-top: em(20px);
|
||||
position: relative;
|
||||
top: auto;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jp-frame-top-fixed .configure {
|
||||
padding-top: 94px;
|
||||
}
|
||||
|
||||
.filter-search {
|
||||
display: none;
|
||||
float: right;
|
||||
margin-top: 10px;
|
||||
@media (max-width: 782px) {
|
||||
display: block;
|
||||
}
|
||||
@media (max-width: 530px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.table-bordered.jetpack-modules {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
tr.jetpack-module {
|
||||
|
||||
th {
|
||||
border-left: 0;
|
||||
padding: 14px 4px 0;
|
||||
input {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.genericon {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
th,
|
||||
td {
|
||||
background: #f7fcfe;
|
||||
}
|
||||
th {
|
||||
border-left: 4px solid #2ea2cc;
|
||||
padding-left: 0px;
|
||||
}
|
||||
td {
|
||||
&:first-child {
|
||||
border-left: 4px solid #2ea2cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.unavailable {
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.deprecated {
|
||||
span {
|
||||
color: #888;
|
||||
}
|
||||
.dep-msg {
|
||||
margin-right: 10px;
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
th,
|
||||
td {
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
||||
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
td {
|
||||
padding: 10px 10px 8px 14px;
|
||||
line-height: 25px;
|
||||
|
||||
&:first-child {
|
||||
border-left: 4px solid #fff;
|
||||
}
|
||||
.row-actions {
|
||||
float: right;
|
||||
padding: 0 0 1px;
|
||||
visibility: visible;
|
||||
|
||||
span {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 530px) {
|
||||
display: none;
|
||||
}
|
||||
@include breakpoint(tablet){
|
||||
display: block;
|
||||
padding-left: 10px;
|
||||
visibility: visible;
|
||||
};
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&.with-transparency tr.jetpack-module {
|
||||
|
||||
&:hover {
|
||||
td .row-actions span a {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&.unavailable {
|
||||
opacity: 0.3;
|
||||
}
|
||||
td .row-actions span a {
|
||||
opacity: 0;
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&>thead>tr>th {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
|
||||
@include breakpoint(tablet){
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
td {
|
||||
background: #fff;
|
||||
}
|
||||
#doaction {
|
||||
margin-top: 0;
|
||||
|
||||
@media (max-width: 782px) {
|
||||
padding: 10px 7px;
|
||||
}
|
||||
}
|
||||
.checkall {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.filter-search {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.genericon {
|
||||
color: #999;
|
||||
display: none;
|
||||
margin: 7px 3px 0;
|
||||
|
||||
@include breakpoint(desktop){
|
||||
display: inline-block;
|
||||
};
|
||||
}
|
||||
.med {
|
||||
width: 70px;
|
||||
}
|
||||
.sm {
|
||||
width: 30px;
|
||||
}
|
||||
@media (max-width: 782px) {
|
||||
.check-column {
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fixed-top .check-column {
|
||||
padding: 8px 10px 0 10px;
|
||||
width: 2.2em;
|
||||
}
|
||||
.wrap {
|
||||
margin: 0;
|
||||
padding: 0 1.5em 1em;
|
||||
overflow: hidden;
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.manage-left {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 63%;
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
th {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@media (max-width: 782px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.manage-right {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: right;
|
||||
width: 35%;
|
||||
z-index: 1;
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #bbb;
|
||||
padding-top: 2px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
clear: left;
|
||||
}
|
||||
.bumper {
|
||||
margin-left: 33px;
|
||||
}
|
||||
&.show {
|
||||
display: block;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100000; // sits on top of wp-admin bar
|
||||
}
|
||||
.search-bar {
|
||||
margin-bottom: 18px;
|
||||
max-width: 300px;
|
||||
}
|
||||
p.search-box {
|
||||
float: none;
|
||||
height: auto;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
|
||||
input[type='search'] {
|
||||
padding: 0 8px;
|
||||
width: 90%;
|
||||
line-height: initial;
|
||||
|
||||
@media (max-width: 782px) {
|
||||
float: left;
|
||||
padding: 9px 8px;
|
||||
}
|
||||
}
|
||||
input[type="submit"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.button-group {
|
||||
.button {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.subsubsub {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
.current{
|
||||
padding:1px 5px;
|
||||
border-radius:2px;
|
||||
margin-left:-5px;
|
||||
background: #0D72B2;
|
||||
color: #fff;
|
||||
|
||||
.count{
|
||||
color: #BCD7E7;
|
||||
font-weight:200;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 782px) {
|
||||
background: #fff;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
min-width: 300px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 13;
|
||||
box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
|
||||
|
||||
.bumper {
|
||||
margin: 13px;
|
||||
}
|
||||
.navbar-form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
} // < 782
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 782px) {
|
||||
|
||||
// Fix to override particular wp-list-table changes in core - July 2015
|
||||
.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary):not(.check-column) {
|
||||
padding: 11px 10px;
|
||||
display: block;
|
||||
}
|
||||
.manage-right.show .subsubsub li {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
} // < 782
|
||||
|
||||
@media (max-width: 650px) {
|
||||
|
||||
.table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions {
|
||||
float: none;
|
||||
padding-left: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 430px) {
|
||||
|
||||
// Hide activate / config links on really small screens. Users can still utlize these actions by tapping on the title of the module
|
||||
.table-bordered.jetpack-modules tr.jetpack-module td .row-actions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions {
|
||||
display: block;
|
||||
}
|
||||
} // < 430
|
||||
Reference in New Issue
Block a user