wp/wp-content/plugins/portfolio/bws_menu/css/style.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 16 a86126ab1dd4
equal deleted inserted replaced
6:490d5cc509ed 7:cf61fcea0001
     1 .bws_system_info_meta_box {
     1 a.toplevel_page_bws_panel.wp-has-current-submenu:after {
     2     max-width: 850px;
     2     display: none;
     3 }
     3 }
     4 .bws_system_info_meta_box .hndle {
     4 .toplevel_page_bws_panel #wpcontent,
     5     cursor: pointer !important;
     5 .bws-panel_page_bws_themes #wpcontent,
     6 }
     6 .bws-panel_page_bws_system_status #wpcontent,
     7 .bws_system_info {
     7 body[class*="-bws-panel"] #wpcontent {
       
     8     padding-left: 0;
       
     9     padding-right: 0;
       
    10 }
       
    11 .toplevel_page_bws_panel .update-nag,
       
    12 .bws-panel_page_bws_themes .update-nag,
       
    13 .bws-panel_page_bws_system_status .update-nag,
       
    14 body[class*="-bws-panel"] .update-nag {
       
    15     display: none;
       
    16 }
       
    17 .bws-wrap-content {
       
    18     padding-left: 20px;
       
    19 }
       
    20 .rtl .bws-wrap-content {
       
    21     padding-left: 0;
       
    22     padding-right: 20px;
       
    23 }
       
    24 /* 
       
    25 * panel
       
    26 */
       
    27 .bws-header {
       
    28     background: #0074a2;
       
    29     color: #8bbed2;    
       
    30     padding: 0 17px;
       
    31 }
       
    32 .bws-title, 
       
    33 .bws-nav-tab-wrapper,
       
    34 .bws-help-links-wrapper {
       
    35     display: inline-block;
       
    36 }
       
    37 .bws-title {
       
    38     text-transform: uppercase;
       
    39     font-weight: 600;
       
    40     font-size: 18px;
       
    41     letter-spacing: 0.1em;
       
    42     margin-top: 15px;    
       
    43 }
       
    44 .bws-title a {
       
    45     color: #fff;
       
    46     text-decoration: none;
       
    47     box-shadow: none;
       
    48 }
       
    49 .bws-logo.bwsicons {
       
    50     font-size: 25px;
       
    51     color: #fff;
       
    52     margin: 0 3px;
       
    53     vertical-align: middle;
       
    54 }
       
    55 .bws-title span {
       
    56     color: #8bbed2;
       
    57     font-size: 10px;
       
    58     vertical-align: top;
       
    59 }
       
    60 .bws-nav-tab-wrapper {
       
    61     height: 100%;
       
    62     font-size: 15px;
       
    63     margin-left: 28px;
       
    64 }
       
    65 .bws-help-links-wrapper a,
       
    66 .bws-nav-tab-wrapper a {
       
    67     color: #8bbed2;
       
    68     text-decoration: none;
       
    69     display: inline-block;
       
    70     padding: 17px 20px 20px;
       
    71     box-shadow: none;
       
    72 }
       
    73 .bws-help-links-wrapper a {
       
    74     padding: 17px 12px 20px;
       
    75 }
       
    76 .bws-nav-tab-wrapper a.bws-nav-tab {
       
    77     color: #fff;
       
    78 }
       
    79 .bws-nav-tab-active {
       
    80     background: #005d82;
       
    81     color: #fff;
       
    82 }
       
    83 .bws-help-links-wrapper a:hover,
       
    84 .bws-nav-tab-wrapper a:hover {
       
    85     color: #8bbed2;
       
    86     background: #006894;
       
    87 }
       
    88 .bws-help-links-wrapper {
       
    89     float: right;
       
    90     font-size: 14px;    
       
    91 }
       
    92 .bws-menu-item-icon {
       
    93     display: none;
       
    94     float: right;
       
    95     font-size: 26px;
       
    96     padding: 17px 11px;
       
    97     color: #fff;
       
    98 }
       
    99 .bws-menu-item-icon.bws-active {
       
   100     color: #8bbed2;
       
   101 }
       
   102 .rtl .bws-nav-tab-wrapper {
       
   103     margin-left: 0;
       
   104     margin-right: 28px;
       
   105 }
       
   106 .rtl .bws-help-links-wrapper {
     8     float: left;
   107     float: left;
     9     margin-right: 10px;
   108 }
    10     max-width: 400px;
   109 /* 
    11 }
   110 * membership
    12 .bws_system_info th {
   111 */
    13     padding: 10px 0;
   112 .bws-membership-wrap {
       
   113     background: url("../images/membership-background.jpg") no-repeat center #fff;     
       
   114     overflow: hidden;
       
   115     position: relative;
       
   116     margin: 20px 20px 0 20px;
       
   117 }
       
   118 .bws-membership-backround {
       
   119     background-color: #000;
       
   120     opacity: 0.8;
       
   121     position: absolute;
       
   122     height: 100%;
       
   123     width: 100%;
       
   124     z-index: 5;
       
   125 }
       
   126 .bws-membership {
       
   127     color: #fff;
       
   128     padding: 23px 22px 23px 20px;
       
   129     z-index: 6;
       
   130     position: relative;
       
   131 }
       
   132 .bws-membership-title {    
       
   133     font-size: 18px;
       
   134     line-height: 30px;
       
   135     font-weight: 600;
       
   136     float: left;
       
   137 }
       
   138 .bws-membership-form {
       
   139     float: right;
       
   140 }
       
   141 .bws-membership-form * {
       
   142     vertical-align: top;
       
   143 }
       
   144 .bws_form_input_wrap {
       
   145     display: inline-block;
       
   146 }
       
   147 .bws-membership input[type="text"] {
       
   148     border-radius: 3px;
       
   149     border: none;
       
   150     font-size: 13px;
       
   151     padding: 8px 19px 8px 9px;
    14     text-align: left;
   152     text-align: left;
    15     width: 50%;
   153 }
    16 }
   154 .bws-membership .bws-button {
    17 .bws_system_info tbody td {
   155     background: #dd6930;
    18     border-bottom: 1px solid #DFDFDF;
   156     color: #fff;
    19 }
   157     text-align: center;
    20 .clear {
   158     display: inline-block;
    21     clear: both;
   159     text-decoration: none;
    22 }
   160     font-size: 13px;
    23 .bws_main.title {
   161     padding: 8px 9px;   
       
   162     border-radius: 3px; 
       
   163     border: none;
       
   164     cursor: pointer;
       
   165     margin: 0 6px;
       
   166 }
       
   167 .bws-membership-link {
       
   168     font-size: 15px;
       
   169     color: #999;
       
   170     padding: 0 8px;
       
   171     line-height: 27px;
       
   172 }
       
   173 .bws-membership-link a {
       
   174     color: #fff;
       
   175     text-decoration: none;
       
   176     border-bottom: 1px solid #999;
       
   177     padding: 0 3px;
       
   178 }
       
   179 .bws-membership-link a:hover {
       
   180     border-bottom: none;
       
   181 }
       
   182 .bws_error {
       
   183     color: #c5412b;
       
   184     margin-top: 1px;
       
   185     max-width: 230px;
       
   186 }
       
   187 .bws_error a {
       
   188     color: #fff;
       
   189     text-decoration: none;
       
   190 }
       
   191 .bws_input_error {
       
   192     border: 1px solid #c5412b !important;
       
   193 }
       
   194 /*
       
   195 * themes
       
   196 */
       
   197 .bws-availablethemes {
       
   198     margin-top: 10px;
       
   199 }
       
   200 .bws_browse_link {
       
   201     color: #666;
       
   202     font-size: 18px;
       
   203     text-decoration: none;
       
   204     background-color: #ddd;
       
   205     display: block;
       
   206     width: 100%;
       
   207     text-align: center;
       
   208     padding: 8px 0;
       
   209     font-weight: bold;
       
   210     border-radius: 5px;
       
   211 }
       
   212 .bws_browse_link .dashicons {
       
   213     line-height: inherit;
       
   214     vertical-align: text-top;
       
   215     font-size: 17px;
       
   216 }
       
   217 /*
       
   218 * system status
       
   219 */
       
   220 table.bws-system-info {
       
   221     margin-bottom: 15px;
       
   222 }
       
   223 table.bws-system-info td:first-child {
       
   224     width: 33%;
       
   225 }
       
   226 table.bws-system-info tbody tr:nth-child(odd) {
       
   227     background-color: #f9f9f9;
       
   228 }
       
   229 /*
       
   230 * PLUGINS
       
   231 */
       
   232 .bws-products {
    24     float: left;
   233     float: left;
    25     margin-right: 30px;
   234     width: 1350px;
    26 }
   235 }
    27 h4.bws_installed,
   236 .bws-products .description {
    28 h4.bws_recommended {
   237     margin-top: 20px;
    29     color: #999;
       
    30     font-weight: bold;
       
    31     text-transform: uppercase;
       
    32     font-size: 14px;    
       
    33 }
       
    34 h4.bws_installed:before,
       
    35 h4.bws_recommended:before {
       
    36     border-radius: 9px;
       
    37     content: "";
       
    38     display: inline-block;
       
    39     height: 8px;
       
    40     position: relative;
       
    41     top: -1px;
       
    42     width: 8px;
       
    43     margin-right: 7px;
       
    44 }
       
    45 h4.bws_recommended:before {
       
    46     background: #0074a2;
       
    47 }
       
    48 h4.bws_installed:before {
       
    49     background: #00a22e;
       
    50 }
   238 }
    51 .bws_product_box {
   239 .bws_product_box {
    52     background: none repeat scroll 0 0 #FFFFFF;
   240     background: #f2f2f2;
    53     border: 1px solid #CACACA;
   241     border: 1px solid #CACACA;
    54     float: left;
   242     float: left;
    55     margin: 0 9px 10px 0;
   243     margin: 10px 10px 0 0;
    56     text-align: center;
   244     width: 320px;
    57     width: 182px;
       
    58     border-radius: 3px;
   245     border-radius: 3px;
    59 }
   246     min-height: 180px;
    60 .bws_product_box a {
   247 }
    61     text-decoration: none;
   248 .bws_product_active {
    62 }
   249     background: #fff;
    63 .bws_product {
   250 }
    64     border-bottom: 1px solid #fff;
   251 .bws_product_content,
    65     min-height: 235px;
   252 .bws_product_image {
       
   253     float: left;
       
   254 }
       
   255 .bws_product_image {
       
   256     padding: 20px;
       
   257 }
       
   258 .bws_product_image a {
       
   259     box-shadow: none;
       
   260 }
       
   261 .bws_product_image img {
       
   262     height: 60px;
    66 }
   263 }
    67 .bws_product_content {
   264 .bws_product_content {
    68     min-height: 87px;
   265     max-width: 200px;
    69 }
   266     padding: 15px 0 7px;
    70 .bws_activate {
       
    71     color: #F14B21;
       
    72 }
       
    73 .bws_activate:hover {
       
    74     color: #f26e50;
       
    75 }
   267 }
    76 .bws_product_title {
   268 .bws_product_title {
    77     font-weight: bold;
   269     font-size: 15px;
    78     padding: 16px 10px 28px;
   270     line-height: initial;
       
   271     font-weight: bolder;  
       
   272 }
       
   273 .bws_product_title a {
       
   274     color: #444;
       
   275     font-weight: 600;
       
   276 }
       
   277 .bws_product_title a:hover {
       
   278     color: #00a0d2;
       
   279 }
       
   280 .bws-version {
       
   281     margin-top: 6px;
       
   282 }
       
   283 .bws-version span {
       
   284     color: #999;
       
   285     font-size: 13px;
       
   286 }
       
   287 .bws-version span.bws-update-available {
       
   288     color: #dd6930;
       
   289 }
       
   290 .bws-update-now {
       
   291     background: #eee;
       
   292     padding: 2px 5px;
       
   293 }
       
   294 .bws_product_description {
       
   295     font-size: 13px;
       
   296     line-height: 18px;
       
   297     margin: 6px 0 2px;
       
   298     color: #666;
       
   299 }
       
   300 .bws_product_links {
       
   301     margin: 15px 0;    
       
   302 }
       
   303 .bws_product_links span {
       
   304     color: #999;
       
   305     vertical-align: sub;
       
   306     margin-right: 10px;
       
   307 }
       
   308 .bws_product_links form {
       
   309     display: inline-block;
       
   310 }
       
   311 .bws_product_content a {
       
   312     text-decoration: none;
       
   313     margin-right: 10px;
       
   314 }
       
   315 .bws_product_content a.bws_upgrade_button,
       
   316 .bws_product_content a.bws_upgrade_button:hover {
       
   317     background: #dd6930;
       
   318     border: 1px solid #c16436;
       
   319     color: #fff;
       
   320     margin-right: 12px;
       
   321 }
       
   322 a.bws_settings,
       
   323 a.bws_donate {
       
   324     vertical-align: sub;
       
   325 }
       
   326 .rtl .bws_product_box {
       
   327     float: right;
       
   328     margin: 12px 0 10px 10px;
       
   329 }
       
   330 .rtl .bws-products,
       
   331 .rtl .bws_product_content,
       
   332 .rtl .bws_product_image {
       
   333     float: right;
       
   334 }
       
   335 .rtl a.bws_settings {
       
   336     margin-right: 10px;
       
   337 }
       
   338 /* filter */
       
   339 #bws-filter-wrapper {
       
   340     display: table;
       
   341 }
       
   342 .bws-filter {
       
   343     width: 200px;
       
   344 }
       
   345 .bws_fixed {
       
   346     position: fixed;
       
   347     top: 40px;
       
   348 }
       
   349 .bws-filter-top {
       
   350     display: none;
       
   351     background: #e2e2e2;
       
   352     padding: 1px 20px;
       
   353     margin: 0 -12px 0 -20px;
       
   354 }
       
   355 .bws-filter-top h2 {
       
   356     margin: 14px 0;
       
   357 }
       
   358 .bws-toggle-indicator:before {
       
   359     content: "\f140";
       
   360     display: inline-block;
       
   361     font: 400 20px/1 dashicons;
       
   362     width: 20px;
       
   363     vertical-align: bottom;
       
   364     margin-left: -5px; 
       
   365 }
       
   366 .bws-filter-top-inside {
       
   367     display: none;
       
   368     margin: 25px 0;
       
   369 }
       
   370 .bws-filter-top.bws-opened .bws-toggle-indicator:before {    
       
   371     content: "\f142";
       
   372 }
       
   373 .bws-filter-top.bws-opened .bws-filter-top-inside {
       
   374     display: block;
       
   375 }
       
   376 .bws-filter-title {
    79     font-size: 14px;
   377     font-size: 14px;
    80     height: 42px;
   378     color: #999;    
    81     position: relative;
   379     margin-top: 10px;
    82     z-index: 2;
   380 }
    83 }
   381 .bws-category {
    84 .bws_product_deactivated .bws_product_title {
   382     margin-top: 15px;
    85     color: #7e7e7e;
   383 }
    86 }
   384 .bws-category li {
    87 .bws_product_pro .bws_product_title {
   385     margin-bottom: 10px;
    88     color: #fff;
   386 }
    89 }
   387 .bws-category a {
    90 .bws_product_icon_pro {
   388     text-decoration: none;
    91     background: #F26E50;
   389 }
    92     border-radius: 4px;
   390 .bws-category a.bws-active {
    93     color: #FFF;
       
    94     font-size: 15px;
       
    95     font-weight: bold;
       
    96     height: 20px;
       
    97     margin: -9px auto -10px;
       
    98     position: relative;
       
    99     width: 46px;
       
   100     line-height: 19px;
       
   101 }
       
   102 .bws_product_description {
       
   103     padding: 0 10px;
       
   104     color: #a7a7a7;
       
   105     display: none;
       
   106     font-size: 12px;
       
   107 }
       
   108 .bws_product_links {
       
   109     padding: 10px 6px 12px;
       
   110 }
       
   111 .bws_product_links span {
       
   112     color: #c2c2c2;
       
   113 }
       
   114 .bws_product_deactivated .bws_product {
       
   115     background: #EEE;
       
   116     border-bottom: 1px solid #CACACA;
       
   117 }
       
   118 .bws_product.bws_product_pro {
       
   119     background: #222;
       
   120     border-bottom: 1px solid #222;
       
   121     color: #fff;
       
   122 }
       
   123 .bws_product a,
       
   124 .bws_product a:hover {
       
   125     color: #fff;
       
   126 }
       
   127 .bws_product_button {
       
   128     background: #00A22E;
       
   129     border-radius: 2px;
       
   130     margin: 3px auto;
       
   131     padding: 7px 5px 8px;
       
   132     font-size: 14px;
       
   133     min-width: 103px;
       
   134     display: none;
       
   135 }
       
   136 .bws_product_button:hover{
       
   137     background: #008726; 
       
   138 }
       
   139 .bws_product_deactivated.bws_product_free .bws_product_button {
       
   140     background: #0074a2;
   391     background: #0074a2;
   141 }
   392     color: #fff;
   142 .bws_product_deactivated.bws_product_free .bws_product_button:hover {
   393     padding: 2px 5px;
   143     background: #006187;
   394     display: inline-block;
   144 }
   395     border-radius: 3px;
   145 .bws_product_free .bws_product_button {
   396 }
   146     background: #dd5738;
   397 .subsubsub span,
   147 }
   398 .bws-category span {
   148 .bws_product_free .bws_product_button:hover {
   399     color: #999;
   149     background: #dd4825;
   400 }
   150 }
   401 .bws-category a.bws-active span {
   151 .bws_product_button.bws_donate_button {
   402     color: #8bbed2;
   152     background: #E89D09 !important;
       
   153 }
       
   154 .bws_product_button.bws_donate_button:hover {
       
   155     background: #D69108 !important;
       
   156 }
   403 }
   157 
   404 
   158 .subsubsub.bws_title_menu {
   405 @media screen and (max-width: 1700px) {
   159     float: right;
   406     .bws-products {
   160     margin: 0;
   407         width: 1020px;
   161 }
   408     }
   162 .subsubsub a.bws_system_status {
   409 }
   163     display: inline-block;
   410 @media screen and (max-width: 1425px) {
   164     background: url("../images/system-status.png") no-repeat scroll 10px 7px #0074a2;
   411     .bws-products {
   165     color: #fff;
   412         width: 700px;
   166     padding: 2px 10px 5px 36px;
   413     }
   167     border-radius: 2px;
   414 }
   168     margin-left: 13px;
   415 @media screen and (max-width: 1120px) {
   169 }
   416     .bws-products {
   170 .subsubsub a.bws_system_status:hover {
   417         width: 370px;
   171     background-color: #529FBD;
   418     }
   172 }
   419     .bws-membership-title,
   173 /* theme page after WP 3.9 */
   420     .bws-membership-form {
   174 .toplevel_page_bws_plugins #availablethemes .theme-browser {
   421         float: none;
   175     margin-top: 25px;
   422         text-align: center;
   176 }
   423     }
       
   424     .bws-membership-title {
       
   425         margin-bottom: 10px;
       
   426     }
       
   427 }
       
   428 @media screen and (max-width: 782px) {
       
   429     .bws-header {
       
   430         padding: 0 0 4px;
       
   431     }
       
   432     .bws-title {
       
   433         margin-left: 11px;
       
   434     }
       
   435     .bws-menu-item-icon {
       
   436         display: block;        
       
   437     }
       
   438     .bws-nav-tab-wrapper,
       
   439     .bws-help-links-wrapper {
       
   440         margin: 0;
       
   441         width: 100%;
       
   442         float: none;
       
   443         display: none;
       
   444     }
       
   445     .bws-nav-tab-wrapper a,
       
   446     .bws-help-links-wrapper a {        
       
   447         width: 100%;
       
   448         padding: 17px 20px 20px;
       
   449     }
       
   450     .bws-membership * {
       
   451         text-align: center;
       
   452     }  
       
   453     .bws-membership-title,
       
   454     .bws-membership-link {
       
   455         margin-bottom: 10px;
       
   456         display: block;
       
   457     }
       
   458     .bws-membership .bws-button,
       
   459     .bws_form_input_wrap,
       
   460     .bws-membership input[type="text"] {
       
   461         width: 100%;
       
   462         margin: 0;
       
   463     }
       
   464     .bws-membership .bws-button {
       
   465         margin-top: 8px;
       
   466     }
       
   467     .bws-filter {
       
   468         display: none;
       
   469     }
       
   470     .bws-filter-top {
       
   471         display: block;
       
   472     }
       
   473     .bws-products {
       
   474         float: none;
       
   475         width: 100%;
       
   476     }
       
   477 }
       
   478 @media screen and (max-width: 370px) {
       
   479     .bws_product_box {
       
   480         width: auto;
       
   481     }
       
   482     .bws_product_content {
       
   483         max-width: 160px;
       
   484         padding-right: 10px;
       
   485     }
       
   486 }