diff options
| author |   Yury German <blueknight@gentoo.org> | 2016-02-12 22:22:00 -0500 |
|---|---|---|
| committer | Yury German <blueknight@gentoo.org> | 2016-02-12 22:22:00 -0500 |
| commit | 657cafe0e955cf88033597f131aa50835140c617 (patch) | |
| tree | cf21a30d319cb2a238a6cfb8b4eb3b20b1b5dcff /plugins/wordpress-mobile-pack/admin/sass/modules | |
| parent | Adding New Mantra version 2.4.1.1 - Bug 574468 (diff) | |
| download | blogs-gentoo-657cafe0e955cf88033597f131aa50835140c617.tar.gz blogs-gentoo-657cafe0e955cf88033597f131aa50835140c617.tar.bz2 blogs-gentoo-657cafe0e955cf88033597f131aa50835140c617.zip | |
Updating plugins easy-table, jetpack, openid, public-post preview, talbe-of-contents-plus, wordress-mobile-pack - Bug 574468
Diffstat (limited to 'plugins/wordpress-mobile-pack/admin/sass/modules')
6 files changed, 1252 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss new file mode 100644 index 00000000..0e301985 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss @@ -0,0 +1,264 @@ +#wmpack-admin{
+ .content{
+ display: table;
+ width:100%;
+ .left-side{
+ width: 100%;
+ display: table;
+ vertical-align: top;
+
+ .details{
+ padding:30px;
+ background-color: $box-color;
+
+ h2.title{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ font-size: 25px;
+ line-height: normal;
+ color: $base-text-color;
+ }
+ }
+ ul.categories{
+ list-style-type: none;
+ width: 100%;
+ display: block;
+
+ li{
+ @include wbz-display-box();
+ @include wbz-box-orient(horizontal);
+ @include wbz-box-align(center);
+ @include wbz-box-pack(justify);
+ @include wbz-box-flex(1);
+ background-color: #fcfcfc;
+ height: 64px;
+ width: 100%;
+ border-bottom: #f0f1f2 1px solid;
+ margin-bottom: 5px;
+ cursor: pointer;
+ vertical-align: middle;
+
+ .row{
+ @include wbz-display-box();
+ @include wbz-box-orient(horizontal);
+ @include wbz-box-align(center);
+ height: 64px;
+ width: 90%;
+ vertical-align: middle;
+ }
+
+ &:hover{
+ background-color: lighten($base-blue,45%);
+ border-bottom: lighten($base-blue,41%) 1px solid;
+ @include wbz-display-box();
+ @include wbz-box-orient(horizontal);
+
+ a{
+ &.edit{
+ display:block;
+ }
+ &.delete{
+ @include wbz-display-box();
+ }
+ &[class^="icon-"]{
+ .relative{
+ .img{
+ @include wbz-transform(translateY(30%) translateX(30%) scale(0.4));
+ @include wbz-transition(all 0.3s ease-in-out);
+ }
+ }
+ }
+ }
+ }
+ .buttons{
+ @include wbz-display-box();
+ @include wbz-box-flex(1);
+ @include wbz-box-pack(end);
+ }
+ span,
+ a{
+ font-family: 'AcordeRegular', sans-serif;
+
+ &.status{
+ @include wbz-display-box();
+ font-size: 12px;
+ color: #8c8d8d;
+ width: 70px;
+ position: relative;
+ margin: 0 0 0 20px;
+
+ &.active::before{
+ content: '';
+ @include wbz-display-box();
+ position: absolute;
+ width: 19px;
+ height: 19px;
+ border: #fff 3px solid;
+ @include wbz-border-radius(19px);
+ background-color: $base-green;
+ left: -29px;
+ top: 1px;
+ }
+ &.inactive::before{
+ content: '';
+ @include wbz-display-box();
+ position: absolute;
+ width: 19px;
+ height: 19px;
+ border: #fff 3px solid;
+ @include wbz-border-radius(19px);
+ background-color: darken($base-red,30%);
+ left: -29px;
+ top: 1px;
+ }
+ }
+ &.title{
+ @include wbz-display-box();
+ font-size: 15px;
+ color: $base-dark-blue;
+ text-transform: uppercase;
+ width: 300px;
+ }
+ &.posts{
+ @include wbz-display-box();
+ font-family: 'OpenSansItalic',sans-serif;
+ color: $base-p-color;
+ font-size: 15px;
+ margin-right: 30px;
+ @include wbz-box-flex(1);
+ @include wbz-box-pack(end);
+ }
+ &.edit{
+ @include wbz-inline-icon(edit, 24px);
+ width: 63px;
+ height: 63px;
+ background: #cbdde2;
+ color: #ffffff;
+ border-left: 1px solid #e0edf1;
+ display: none;
+ position: relative;
+ &:hover{
+ background: #d3e3e8;
+ }
+ &::before{
+ width: 63px;
+ height: 63px;
+ line-height: 63px;
+ position: absolute;
+ }
+ }
+ &.delete{
+ @include wbz-inline-icon(close-x, 24px);
+ width: 63px;
+ height: 63px;
+ background: #cbdde2;
+ color: #ffffff;
+ border-left: 1px solid #e0edf1;
+ display: none;
+ position: relative;
+
+ &:hover{
+ background: #d3e3e8;
+ }
+ &::before{
+ width: 63px;
+ height: 63px;
+ line-height: 63px;
+ position: absolute;
+ }
+ }
+ &[class^="icon-"]{
+ @include wbz-display-box();
+ @include wbz-border-radius(48px);
+ width: 48px;
+ height: 48px;
+ margin: 0 20px 0 0;
+
+ &::before{
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ }
+ .relative{
+ display: block;
+ width: 0;
+
+ .img{
+ @include wbz-border-radius(48px);
+ @include wbz-display-box();
+ @include wbz-transform(translateY(0%) scale(1));
+ @include wbz-transition(all 0.3s ease-in-out);
+ width: 48px;
+ height: 48px;
+ left: 0px;
+ top: 0px;
+ position: absolute;
+ background-color: #ffffff;
+ @include wbz-box-shadow(inset 0 0 1px rgba(0,0,0,0.5));
+ }
+ }
+ }
+ }
+ }
+ &.pages{
+ li{
+ span{
+ &.title{
+
+ }
+ }
+ }
+ }
+ }
+ }
+ .button{
+ margin:2px;
+ padding: 0px 8px 1px 8px;
+
+ &.insert-media{
+ color: #555;
+ background: #f7f7f7;
+ box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
+ padding: 0px 7px 1px 5px;
+ margin: 0px 5px 4px 0px;
+ display: inline-block;
+ line-height: 26px;
+ font-size:13px;
+ }
+ }
+ .wp-switch-editor{
+ color:#555;
+ height:20px;
+ background: #ebebeb;
+ border:1px solid #dedede;
+ font: 13px/19px "Open Sans", sans-serif;
+ margin: 5px 0 0 5px;
+ padding: 3px 8px 4px;
+ @include wbz-box-sizing(initial);
+ }
+ .wp-editor-wrap{
+ min-width:100%;
+ textarea{
+ width:100%;
+ height:auto;
+ }
+ &.tmce-active{
+ .switch-tmce{
+ background: #f5f5f5;
+ color: #555;
+ height: 20px;
+ border-bottom-color:#f5f5f5;
+ }
+ }
+ &.html-active {
+ .switch-html {
+ background: #f5f5f5;
+ color: #555;
+ height: 20px;
+ border-bottom-color:#f5f5f5;
+ }
+ }
+ }
+
+ }
+
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_look-and-feel.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_look-and-feel.scss new file mode 100644 index 00000000..0e0cb94b --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_look-and-feel.scss @@ -0,0 +1,593 @@ +#wmpack-admin{
+ .look-and-feel{
+ display: table;
+
+ .left-side{
+ width: 100%;
+ display: table;
+ vertical-align: top;
+
+ $theme-box-width: 195px;
+ $theme-box-height: 280px;
+ $theme-box-margin: 14px;
+ $theme-box-subsection-height: 41px;
+
+ .corner{
+ z-index: 1;
+
+ &.active{
+ .indicator{
+ @include wbz-inline-icon(active, 11px);
+ color: #ffffff;
+
+ top: 0px;
+ left: $theme-box-width - 44px;
+
+ &::before{
+ top: -40px;
+ right: 18px;
+ }
+ }
+ }
+ }
+ .details{
+ padding:30px;
+ background-color: $box-color;
+
+ h2.title{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ font-size: 25px;
+ line-height: normal;
+ color: $base-text-color;
+ }
+ .section-header{
+ font-family: 'AcorderSemiBold', sans-serif;
+ font-size: 18px;
+ line-height: normal;
+ color: $base-dark-blue;
+ }
+
+ &.theming{
+ background: $base-color-darken;
+ display: table;
+ width: 100%;
+
+ h2.title {
+ text-align: center;
+ }
+
+ .themes{
+ display: block;
+ width: ($theme-box-width + $theme-box-margin) * 3 + 20;
+ margin: 0 auto;
+
+ .theme{
+ display: inline-block;
+ width: $theme-box-width;
+ height: $theme-box-height;
+ margin: 0 $theme-box-margin $theme-box-margin 0;
+ position: relative;
+
+ &:nth-child(3){
+ margin: 0;
+ }
+
+ .name{
+ font-family: 'AcordeRegular', sans-serif;
+ font-size: 16px;
+ color: $base-text-color;
+ background: $base-color-lighter;
+ height: $theme-box-subsection-height;
+ border-bottom: 1px solid #dce0e0;
+ padding: 10px;
+ text-transform: uppercase;
+ }
+ .content{
+ font-family: 'AcordeRegular', sans-serif;
+ font-size: 11px;
+ color: $base-p-color;
+ background: $body-color;
+ height: $theme-box-subsection-height;
+ line-height: $theme-box-subsection-height;
+ padding: 0 10px;
+ display: block;
+ @include wbz-display-box();
+ display: flex;
+ @include wbz-box-orient(horizontal);
+ @include wbz-box-pack(start);
+ @include wbz-box-align(center);
+
+ span{
+ font-family: 'AcordeRegular', sans-serif;
+ font-size: 11px;
+ color: $base-p-color;
+ @include wbz-display-box();
+ margin: 0 10px 0 0;
+ }
+
+ .wordpress-icon{
+ @include wbz-inline-icon(wordpress, 19px);
+ color: $wordpress-color;
+ background: transparent;
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ line-height: normal;
+ margin: 0 2px;
+ @include wbz-display-box();
+
+ &::before{
+ width: 20px;
+ height: 20px;
+ //top: 5px;
+ left: 0px;
+ }
+ }
+
+ .rss-icon, .facebook-icon, .twitter-icon, .google-icon {
+
+ color: #ffffff;
+ @include wbz-border-radius(20px);
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ line-height: normal;
+ margin: 0 2px;
+ @include wbz-display-box();
+
+ &::before{
+ width: 20px;
+ height: 20px;
+ }
+ }
+
+ .facebook-icon{
+ @include wbz-inline-icon(facebook, 14px);
+ background: $facebook-color;
+
+ &::before{
+ top: 3px;
+ left: 3px;
+ }
+ }
+ .twitter-icon{
+ @include wbz-inline-icon(twitter, 13px);
+ background: $twitter-color;
+
+ &::before{
+ top: 4px;
+ left: 4px;
+ }
+ }
+ .rss-icon{
+ @include wbz-inline-icon(rss, 13px);
+ background: $rss-color;
+
+ &::before{
+ top: 3px;
+ left: 5px;
+ }
+ }
+ .google-icon{
+ @include wbz-inline-icon(google-plus, 13px);
+ background: $google-color;
+
+ &::before{
+ top: 4px;
+ left: 4px;
+ }
+ }
+ }
+ .image{
+ background-size: cover;
+ background-repeat: no-repeat;
+ width: 100%;
+ height: $theme-box-height - $theme-box-subsection-height;
+ overflow: hidden;
+ position: relative;
+
+ &:hover{
+ .overlay{
+ visibility: visible;
+ @include wbz-transform(translateX(0%));
+ @include wbz-opacity(1);
+ @include wbz-transition(all 0.3s ease-in-out);
+ }
+ }
+ }
+ .overlay{
+ background: rgba(154,202,64,0.9);
+ position: absolute;
+ width: $theme-box-width;
+ height: $theme-box-height - $theme-box-subsection-height;
+ text-align: center;
+
+ @include wbz-transform(translateX(-100%));
+ @include wbz-opacity(0);
+ @include wbz-transition(all 0.3s ease-in-out);
+
+ .actions {
+ @include wbz-display-box();
+ display: flex;
+ @include wbz-box-orient(horizontal);
+ @include wbz-box-align(center);
+ @include wbz-box-pack(center);
+
+ .preview {
+ @include wbz-inline-icon(preview, 20px);
+ color: #ffffff;
+ background: #333333;
+ @include wbz-border-radius(33px);
+ width: 33px;
+ height: 33px;
+ margin: 0 2px;
+ float: none;
+
+ &:hover {
+ cursor: pointer;
+ background: lighten(#333333, 10%);
+ }
+
+ &::before {
+ width: 33px;
+ height: 33px;
+ line-height: 33px;
+ }
+ }
+ }
+
+ [class^="text"] {
+ font-family: "OpenSansSemiBold", sans-serif;
+ font-size: 13px;
+ color: #333333;
+ text-align: center;
+ }
+ }
+ &.premium{
+ .corner{
+ .indicator{
+ background: url(../images/ribbon-premium.png);
+ width: 67px;
+ height: 68px;
+ position: absolute;
+ top: -4px;
+ right: -5px;
+ left: $theme-box-width - 62px;
+ }
+ }
+ .overlay{
+ background: rgba(#fdf7d3,0.9);
+
+ .unlock{
+ @include wbz-inline-icon(unlock, 17px);
+ color: #ffffff;
+ background: $base-orange;
+ @include wbz-border-radius(33px);
+ width: 33px;
+ height: 33px;
+ margin: 0 2px;
+ float: none;
+
+ &:hover{
+ cursor: pointer;
+ background: lighten($base-orange, 10%);
+ }
+
+ &::before{
+ width: 33px;
+ height: 33px;
+ top: 7px;
+ left: 0px;
+ }
+ }
+ .preview{
+ background: $base-orange;
+
+ &:hover{
+ background: lighten($base-orange, 10%);
+ }
+ }
+ .text{
+ font-family: "OpenSansSemiBold", sans-serif;
+ font-size: 13px;
+ color: $base-text-color;
+ text-align: center;
+ display: block;
+
+ &:last-child{
+ font-size: 12px;
+ font-family: "OpenSansRegular", sans-serif;
+ }
+ span{
+ font-size: 15px;
+ color: $base-text-color;
+ display: block;
+ }
+ }
+ .btn{
+ margin: 0 auto;
+ width: 150px;
+ }
+ .info{
+ margin: 0 auto;
+ width: $input-size-smaller + $btn-size-smallest + 10px;
+
+ input[type="text"]{
+ float: left;
+ background: rgba(250,250,250,0.8);
+ }
+ .btn{
+ float: left;
+ margin: 0 0 0 10px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .color-schemes{
+ width: 50%;
+ float: left;
+
+ .colors{
+ display: table;
+ width: 260px;
+ height: 16px;
+ border: #daddde 1px solid;
+
+ &.description{
+ border: none;
+ font-family: 'AcordeRegular', sans-serif;
+ margin-left:56px;
+ }
+
+ [class^="color-"]{
+ display: table-cell;
+ height: 16px;
+ width: 27px;
+ text-align: center;
+ }
+
+ [class^="color-custom-"]{
+ background: #eeeff1;
+ border-right: 1px solid #fff;
+ cursor:pointer;
+
+ &:last-child{
+ border-right:none;
+ }
+ }
+ }
+ }
+
+ .color-schemes-custom {
+
+ .set {
+ width: 50%;
+ float: left;
+ margin-bottom: 10px;
+
+ .wp-picker-container * {
+ @include wbz-box-sizing(content-box);
+ /*display: inherit;*/
+
+ .button {
+ margin-left: 6px;
+ @include wbz-box-sizing(border-box);
+ }
+ }
+ > label {
+ width: 100%;
+ }
+ }
+ }
+
+ .font-chooser{
+ // width: 50%;
+ // float: left;
+
+ label {
+ position: relative;
+ display: inline-block;
+ width: 135px;
+ }
+
+ .subtext {
+ font-size: 11px;
+
+ a {
+ font-size: 11px;
+ }
+ }
+ }
+
+ &.branding{
+ label, p{
+ font-family: 'AcordeRegular', sans-serif;
+ font-size: 15px;
+ line-height: normal;
+ color: darken($base-blue,50%);
+
+ }
+ .custom-upload {
+ position: relative;
+ height: 36px;
+ width: 450px;
+ margin: 10px 0;
+
+ &:hover{
+ .fake-file{
+ .btn{
+ background: darken($base-grey, $darken-amounth/2);
+ border: 1px solid darken($base-grey, $darken-amounth);
+ }
+ input{
+ outline:none;
+ border:1px solid darken($input-border,$darken-amounth);
+ }
+ }
+ }
+ .remove{
+ position: absolute;
+ top: 8px;
+ right: 160px;
+ width: 16px;
+ height: 16px;
+ z-index: 3;
+ @include wbz-inline-icon(close-x, 9px);
+ color: #ffffff;
+ background: $base-color-darken;
+ @include wbz-border-radius(16px);
+ padding: 3px;
+
+ &::before{
+ top: -4px;
+ left: 0px;
+ display: block;
+ }
+ }
+ }
+ .custom-upload input[type=file] {
+ outline: none;
+ position: relative;
+ text-align: right;
+ @include wbz-opacity(0);
+ z-index: 2;
+ width: 430px;
+ height: 100%;
+ }
+ .custom-upload .fake-file {
+ position: relative;
+ top: -38px;
+ left: 0px;
+ width: 430px;
+ padding: 0;
+ margin: 0;
+ z-index: 1;
+ line-height: 100%;
+ @include wbz-display-box();
+
+ .btn{
+ margin: 0px 0px 0px 10px;
+ }
+ }
+ .custom-upload .fake-file input {
+ width: 300px;
+ font-family: 'AcordeSemiBold', sans-serif;
+ color: $input-color;
+ font-size: $input-font-size;
+ margin: 0;
+ }
+ .display-logo{
+ text-align: left;
+ height: 120px;
+
+ .edit{
+ margin: 47px 0 0 0;
+ vertical-align: middle;
+ text-align: center;
+ float: left;
+ }
+ .remove{
+ display: inline-block;
+ margin: 55px 0 0 10px;
+ }
+ .img{
+ width: 120px;
+ height: 120px;
+ display: inline-block;
+ margin: 0 25px;
+ float: left;
+ }
+ label{
+ width: 100px;
+ display: inline;
+ float: left;
+ margin: 55px 0 0 0;
+ }
+ }
+ .display-icon{
+ @include wbz-display-box();
+ @include wbz-box-orient(horizontal);
+ @include wbz-box-pack(start);
+ @include wbz-box-align(center);
+ text-align: left;
+ height: 120px;
+
+ .edit{
+ margin: 47px 0 0 0;
+ vertical-align: middle;
+ text-align: center;
+ float: left;
+ }
+ .remove{
+ display: inline-block;
+ margin: 55px 0 0 10px;
+ }
+ img{
+ width: 120px;
+ height: 120px;
+ @include wbz-border-radius(120px);
+ @include wbz-box-shadow(inset 0 0 5px 1px rgba(0,0,0,0.1));
+ display: inline-block;
+ margin: 0 25px;
+ float: left;
+ }
+ label{
+ width: 100px;
+ display: inline;
+ float: left;
+ margin: 55px 0 0 0;
+ }
+ }
+ .cancel-link{
+ position: relative;
+
+ .cancel{
+ position: absolute;
+ top: -39px;
+ right: -30px;
+ }
+ }
+
+ .wp-switch-editor{
+ color:#555;
+ height:20px;
+ background: #ebebeb;
+ border:1px solid #dedede;
+ font: 13px/19px "Open Sans", sans-serif;
+ margin: 5px 0 0 5px;
+ padding: 3px 8px 4px;
+ @include wbz-box-sizing(initial);
+ }
+ .wp-editor-wrap{
+ width: 60%;
+ float: left;
+ textarea{
+ width:100%;
+ }
+ &.tmce-active{
+ .switch-tmce{
+ background: #f5f5f5;
+ color: #555;
+ height: 20px;
+ border-bottom-color:#f5f5f5;
+ }
+ }
+ &.html-active {
+ .switch-html {
+ background: #f5f5f5;
+ color: #555;
+ height: 20px;
+ border-bottom-color:#f5f5f5;
+ }
+ }
+ }
+ }
+
+ }
+ }
+ }
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_more.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_more.scss new file mode 100644 index 00000000..fb1bcd70 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_more.scss @@ -0,0 +1,169 @@ +#wmpack-admin{
+ .more{
+ display: table;
+
+ .left-side{
+ width: 100%;
+ display: table;
+ vertical-align: top;
+
+ .details{
+ padding:30px;
+ background-color: $box-color;
+
+ h1{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ font-size: 40px;
+ line-height: 40px;
+ color: $base-text-color;
+ text-align: center;
+ letter-spacing: 0.5px;
+ }
+
+ .showcase{
+ width: 671px;
+ margin: 0 auto;
+ }
+
+ .package {
+ width: 45%;
+ float: left;
+ margin: 15px;
+ padding: 25px 25px 0 25px;
+ background: #fffced;
+
+ h2 {
+ text-align: center;
+ }
+
+ p {
+ text-align: center;
+ font-size:13px;
+ }
+
+ .features-list{
+ display: block;
+ margin: 0 auto;
+ width: 90%;
+
+ > div {
+ padding: 10px 5px;
+ border-bottom: 1px solid #ededed;
+ font-family: 'OpenSansRegular', sans-serif;
+ font-size: 14px;
+ line-height: 22px;
+
+ &:last-child{
+ border-bottom: none;
+ }
+ span{
+ display: block;
+ margin-top: 3px;
+ }
+ [class^="icon-"]{
+ overflow: hidden;
+ line-height: 30px;
+ width: 38px;
+ height: 30px;
+ float: left;
+ margin: 0 10px 0 0;
+ color: darken($base-color-darken, 20%);
+
+ &::before{
+ width: 38px;
+ height: 30px;
+ line-height: 25px;
+ display: block;
+ margin: 0 auto;
+ }
+ }
+
+ .icon-wordpress{
+ @include wbz-inline-icon(wordpress, 20px);
+ }
+
+ .icon-theming{
+ @include wbz-inline-icon(paint, 20px);
+ }
+
+ .icon-social{
+ @include wbz-inline-icon(share, 20px);
+ }
+
+ .icon-monetize{
+ @include wbz-inline-icon(coins, 25px);
+ }
+
+ .icon-support{
+ @include wbz-inline-icon(headset, 20px);
+ }
+
+ .icon-security{
+ @include wbz-inline-icon(shield, 18px);
+ }
+
+ .icon-tablets{
+ @include wbz-inline-icon(tablet, 20px);
+ }
+
+ .icon-sources{
+ @include wbz-inline-icon(cloud, 20px);
+ }
+
+ .icon-applications{
+ @include wbz-inline-icon(stack, 20px);
+ }
+
+ .icon-offline{
+ @include wbz-inline-icon(airplane, 18px);
+ }
+ .icon-apple{
+ @include wbz-inline-icon(apple, 20px);
+ }
+ }
+ }
+ }
+
+ .upgrade-btns {
+
+ width: 50%;
+ float: left;
+
+ .btn {
+ margin: 0 auto;
+ width: 150px;
+ }
+
+ .upgrade-subtext {
+ text-align: center;
+ margin-top: 10px;
+
+ p, a{
+ font-size: 13px;
+ line-height: normal;
+ }
+
+ a {
+ text-decoration: underline;
+ }
+ }
+ }
+
+ .try-it-subtext{
+
+ width:60%;
+ margin: 0 auto;
+
+ p, a{
+ font-size: 13px;
+ line-height: normal;
+ }
+
+ a {
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_perfect-scrollbar.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_perfect-scrollbar.scss new file mode 100644 index 00000000..91d336f0 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_perfect-scrollbar.scss @@ -0,0 +1,128 @@ +/****************************/
+/* PERFECT SCROLLBAR */
+
+.ps-container .ps-scrollbar-x-rail {
+ position: absolute; /* please don't change 'position' */
+ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
+ height: 8px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ opacity: 0;
+ filter: alpha(opacity = 0);
+ -o-transition: background-color .2s linear, opacity .2s linear;
+ -webkit-transition: background-color .2s linear, opacity .2s linear;
+ -moz-transition: background-color .2s linear, opacity .2s linear;
+ transition: background-color .2s linear, opacity .2s linear;
+}
+
+.ps-container:hover .ps-scrollbar-x-rail,
+.ps-container.hover .ps-scrollbar-x-rail {
+ opacity: 0.6;
+ filter: alpha(opacity = 60);
+}
+
+.ps-container .ps-scrollbar-x-rail:hover,
+.ps-container .ps-scrollbar-x-rail.hover {
+ background-color: #eee;
+ opacity: 0.9;
+ filter: alpha(opacity = 90);
+}
+
+.ps-container .ps-scrollbar-x-rail.in-scrolling {
+ background-color: #eee;
+ opacity: 0.9;
+ filter: alpha(opacity = 90);
+}
+
+.ps-container .ps-scrollbar-y-rail {
+ position: absolute; /* please don't change 'position' */
+ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
+ width: 8px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ opacity: 0;
+ filter: alpha(opacity = 0);
+ -o-transition: background-color .2s linear, opacity .2s linear;
+ -webkit-transition: background-color .2s linear, opacity .2s linear;
+ -moz-transition: background-color .2s linear, opacity .2s linear;
+ transition: background-color .2s linear, opacity .2s linear;
+}
+
+.ps-container:hover .ps-scrollbar-y-rail,
+.ps-container.hover .ps-scrollbar-y-rail {
+ opacity: 0.6;
+ filter: alpha(opacity = 60);
+}
+
+.ps-container .ps-scrollbar-y-rail:hover,
+.ps-container .ps-scrollbar-y-rail.hover {
+ background-color: #eee;
+ opacity: 0.9;
+ filter: alpha(opacity = 90);
+}
+
+.ps-container .ps-scrollbar-y-rail.in-scrolling {
+ background-color: #eee;
+ opacity: 0.9;
+ filter: alpha(opacity = 90);
+}
+
+.ps-container .ps-scrollbar-x {
+ position: absolute; /* please don't change 'position' */
+ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
+ height: 8px;
+ background-color: #aaa;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -o-transition: background-color .2s linear;
+ -webkit-transition: background-color.2s linear;
+ -moz-transition: background-color .2s linear;
+ transition: background-color .2s linear;
+}
+
+.ps-container.ie6 .ps-scrollbar-x {
+ font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
+}
+
+.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
+.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
+ background-color: #999;
+}
+
+.ps-container .ps-scrollbar-y {
+ position: absolute; /* please don't change 'position' */
+ right: 0; /* there must be 'right' for ps-scrollbar-y */
+ width: 8px;
+ background-color: #aaa;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -o-transition: background-color .2s linear;
+ -webkit-transition: background-color.2s linear;
+ -moz-transition: background-color .2s linear;
+ transition: background-color .2s linear;
+}
+
+.ps-container.ie6 .ps-scrollbar-y {
+ font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
+}
+
+.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
+.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
+ background-color: #999;
+}
+
+.ps-container.ie .ps-scrollbar-x,
+.ps-container.ie .ps-scrollbar-y {
+ visibility: hidden;
+}
+
+.ps-container.ie:hover .ps-scrollbar-x,
+.ps-container.ie:hover .ps-scrollbar-y,
+.ps-container.ie.hover .ps-scrollbar-x,
+.ps-container.ie.hover .ps-scrollbar-y {
+ visibility: visible;
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_settings.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_settings.scss new file mode 100644 index 00000000..60e76548 --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_settings.scss @@ -0,0 +1,32 @@ +#wmpack-admin{
+ .settings{
+ display: table;
+
+ .left-side{
+ width: 100%;
+ display: table;
+ vertical-align: top;
+
+ .details{
+ padding: 30px;
+ background-color: $box-color;
+
+ h2.title{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ font-size: 25px;
+ line-height: normal;
+ color: $base-text-color;
+ }
+ .display-mode{
+
+ p, label{
+ font-family: 'AcordeRegular', sans-serif;
+ font-size:15px;
+ line-height: normal;
+ color: $base-text-color;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_whats-new.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_whats-new.scss new file mode 100644 index 00000000..fb9572fe --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_whats-new.scss @@ -0,0 +1,66 @@ +#wmpack-admin{
+ .whats-new{
+ display: table;
+ .left-side{
+ width: 100%;
+ display: table;
+ vertical-align: top;
+
+
+ .details{
+ padding:30px;
+ background-color: $box-color;
+
+ h1{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ font-size: 40px;
+ line-height: 40px;
+ color: $base-text-color;
+ text-align: center;
+ letter-spacing: 0.5px;
+ }
+ .upgrade-message{
+ text-align: center;
+ }
+ h2.title{
+ font-family: 'OlRoundGothicLight', sans-serif;
+ font-size: 25px;
+ line-height: normal;
+ color: $base-text-color;
+ }
+ .showcase{
+ width: 671px;
+ margin: 0 auto;
+ }
+ .feature{
+ img{
+ height: 130px;
+ width: 130px;
+ float: left;
+ margin: 0 30px 0 0;
+ }
+ .text{
+ span{
+ font-family: "OpenSansRegular", sans-serif;
+ font-size: 14px;
+ color: $base-text-color;
+
+ &.title{
+ display: block;
+ margin: 15px 0 8px 0;
+ font-size: 18px;
+ color: #333333;
+ }
+ }
+ }
+ &.right{
+ img{
+ float: right;
+ margin: 0 0 0 30px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file |