Rumperuu/Oldphaloskepsis
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Initial commit

Browse source
This commit is contained in:
Ben Goldsworthy 2017-01-12 23:10:07 +00:00
commit 28e6ddf404
1083 changed files with 191734 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

160
plugins/jetpack/scss/pages/_connection-settings.scss Normal file
View file

@ -0,0 +1,160 @@
// ==========================================================================
// Jetpack Connection Settings (located under 'My Jetpack')
//===========================================================================
.my-jetpack-actions {
margin: 0 0 40px 0;
.j-col {
padding: 0;
text-align: center;
}
#user-list {
height: 30px;
margin-top: -1px;
margin-left: -3px;
}
}
#jetpack-disconnect-content {
display: none;
text-align: center;
.cancel-disconnect {
display: block;
margin-top: 10px;
}
}
.connection-details {
border: 1px #ddd solid;
&.local-user {
margin-bottom: 10px;
}
.user-01,
.wpuser-02,
.action-btns {
padding: 10px;
.button, select {
margin-top: 5px;
}
}
.wpuser-02 {
margin-top: 10px;
}
h3 {
padding: 10px;
margin: 0;
background: #eee;
border-bottom: 1px #ddd solid;
font-size: 14px;
}
} // .connection-details
.jp-user {
img {
margin-right: 10px;
border-radius: 50%;
}
}
.jp-user,
.wp-user,
.wp-action {
div {
display: inline-block;
width: 100%;
}
}
.j-col.jp-user,
.j-col.wp-user,
.j-col.wp-action {
padding: 0;
}
.my-jetpack-actions select {
max-width: 150px;
}
.j-actions .button:nth-child(3) {
margin-right: 5px;
}
.j-row.disconnect {
text-align: center;
.button {
margin: 0 auto;
}
}
a.what-is-primary {
color: #b4b9be;
margin-left: 4px;
}
@include breakpoint(tablet){
.wp-action {
border-top: 1px #ddd solid;
h3 {
display: none;
}
}
};
@media screen and (max-width: 500px) {
.connection-details {
font-size: 11px;
h3 {
font-size: 12px;
padding: 5px;
}
.user-01,
.wpuser-02 {
padding: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}
.action-btns {
text-align: center;
}
} // .connection-details
}
@include breakpoint(large-phone){
.connection-details .wpuser-02 {
margin-top: 0;
padding: 12px;
}
};
@media screen and (max-width: 450px) {
.j-actions .button {
width: 100%;
margin-bottom: 5px;
text-align: center;
&.alignright {
float: none;
}
}
}
@media screen and (max-width: 350px) {
.user-01,
.wpuser-02 {
max-width: 100px;
}
}

40
plugins/jetpack/scss/pages/_manage.scss Normal file
View file

@ -0,0 +1,40 @@
.manage__icon {
width: 155px;
height: 155px;
margin: 20px auto;
}
.manage-page {
.manage__description {
max-width: 600px;
text-align: center;
font-size: 22px;
color: #999;
margin: 20px auto;
}
.manage__button {
font-size:16px;
padding: 0 20px;
height:40px;
line-height:40px;
}
}
.manage__title .genericon {
font-size: 38px;
color: #81A944;
}
.manage__link {
font-size: 16px;
padding: 0 20px;
height: 40px;
line-height: 40px;
font-weight: normal;
.genericon{
font-size: 28px;
vertical-align: middle;
margin-top: -6px;
}
}

261
plugins/jetpack/scss/pages/_protect.scss Normal file
View file

@ -0,0 +1,261 @@
/* 'Pages' is a temporary location for these styles, until we can break them up into their proper atmoic locations */
// ==========================================================================
// Jetpack Protect Config Page
//==========================================================================
.configure-module p {
font-size: 14px;
&.success, &.error {
color: $white;
padding: 10px;
}
&.success {
background-color: $green;
}
&.error {
background-color: $red;
}
}
.protect-status {
p {
font-size: 16px;
}
strong {
display: inline-block;
margin-top: 10px;
background: #fff;
padding: 10px;
border: 1px #ddd solid;
font-size: 16px;
color: #000;
max-width: 100%;
}
&.attn {
color: $red;
}
&.working {
color: $green;
}
} // .protect-status
/* Whitelisting */
#non-editable-whitelist {
margin-top: 15px;
}
.protect-whitelist {
textarea {
width: 100%;
min-height: 150px;
}
}
#editable-whitelist .whitelist-table {
width: 100%;
}
/* btns + inputs */
.configure-module {
input[disabled] {
opacity: .5;
}
input.button-primary {
font-weight: bold;
}
}
/* whitelist table */
.whitelist-table {
border-top: 1px solid;
border-right: 1px solid;
border-color: #ddd;
background-color: #fff;
td, th {
padding: 10px;
margin: 0;
border-bottom: 1px solid;
border-left: 1px solid;
border-color: #ddd;
font-size: 14px;
}
th.heading {
font-weight: bold;
color: #5d6d74;
text-align: left;
background-color: #eee;
}
td.item-actions {
border-left: none;
text-align: right;
}
.toolbar {
padding: 0;
}
.add-btn {
text-align: center;
width: 10%;
border-left: 1px #ddd solid;
}
} // whitelist-table
.ip-address, .enter-ip {
width: 90%;
text-align: left;
vertical-align: middle;
}
.delete-ip-address {
text-align: center;
border: 0;
background: transparent;
color: #6f7476;
box-shadow: none;
font-size: 20px;
margin: 0;
padding: 0;
cursor: pointer;
border-radius: 2px;
&:hover {
background: #eee;
}
}
.toolbar div {
float: left;
padding: 10px;
}
@media only screen and (min-width : 1100px) {
#non-editable-whitelist {
width: 28%;
float: right;
margin-top: 0;
}
.protect-whitelist {
width: 65%;
float: left;
}
} /* end > 1065px */
@media only screen and (max-width : 1130px) {
.enter-ip input[type="text"] {
max-width: 175px;
}
} /* end < 1130px */
@media only screen and (max-width : 1250px) and (min-width : 1065px), (max-width : 730px) and (min-width : 600px) {
.enter-ip {
width: 85%;
}
.add-btn {
width: 15%;
}
} /* end < 1250px & > 1065px */
@media only screen and (max-width : 782px) {
.add-btn {
text-align: right;
}
.add-btn .ip-add {
margin-top: 4px;
margin-bottom: 3px;
}
} /* end < 782px */
@media only screen and (max-width : 730px) {
.add-btn {
text-align: center;
}
} /* end < 730px */
@media only screen and (max-width : 665px) and (min-width : 600px) {
.enter-ip input[type="text"] {
max-width: 165px;
}
} /* end < 665px & > 600px */
@media only screen and (max-width : 600px) {
.toolbar div {
width: 100%;
}
.add-btn {
border-top: 1px #ddd solid;
}
.enter-ip {
text-align: center;
}
.enter-ip strong {
display: block;
margin-bottom: 5px;
}
.enter-ip input[type="text"] {
width: 100%;
max-width: 100%;
}
.add-btn input,
.enter-ip .button {
width: 50%;
margin: 0 auto;
}
.enter-ip .button {
margin-top: 10px;
}
} /* end > 600px */
@media only screen and (max-width : 400px) {
.protect-status strong {
font-size: 12px;
overflow: auto;
}
.add-btn input,
.enter-ip .button {
width: 100%;
}
} /* end < 400px */