diff options
Diffstat (limited to 'plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss')
| -rwxr-xr-x | plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss | 398 |
1 files changed, 398 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 100755 index 00000000..ce1cb44a --- /dev/null +++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss @@ -0,0 +1,398 @@ +#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;
+ }
+ }
+ &.pic{
+ @include wbz-display-box();
+ @include wbz-border-radius(48px);
+
+ width: 48px;
+ height: 48px;
+ margin: 0 20px 0 0;
+
+ background-color: #cbdde2;
+ background-size: cover;
+ background-position: center;
+
+ color: #ffffff;
+
+ &.default {
+ @include wbz-inline-icon(pic, 24px);
+
+ &::before{
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ position: absolute;
+ }
+ }
+ }
+ &.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{
+
+ }
+ }
+ }
+ }
+ }
+ }
+ .branding-category {
+
+ .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-icon{
+ text-align: left;
+ height: 70px;
+
+ .edit{
+ margin: 20px 0 0 0;
+ vertical-align: middle;
+ text-align: center;
+ float: left;
+ }
+ .remove{
+ display: inline-block;
+ margin: 28px 0 0 10px;
+ }
+ img{
+ width: 120px;
+ height: auto;
+ display: inline-block;
+ margin: 0 25px;
+ float: left;
+ }
+ label{
+ width: 100px;
+ display: inline;
+ float: left;
+ margin: 25px 0 0 0;
+ }
+ }
+ .cancel-link{
+ position: relative;
+
+ .cancel{
+ position: absolute;
+ top: -39px;
+ right: -30px;
+ }
+ }
+ }
+ .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 |