diff options
author | Jorge Manuel B. S. Vicetto (jmbsvicetto) <jmbsvicetto@gentoo.org> | 2015-05-01 00:40:49 +0000 |
---|---|---|
committer | Jorge Manuel B. S. Vicetto (jmbsvicetto) <jmbsvicetto@gentoo.org> | 2015-05-01 00:40:49 +0000 |
commit | c64ce3ae8de09092f9570ab88a68fe920b0fd970 (patch) | |
tree | a9959002055a8bdff0ee46bf82ca6a2a39bf00cd /plugins/jetpack/modules/sharedaddy/admin-sharing.css | |
parent | Add easy-table plugin, requested by hwoarang (diff) | |
download | blogs-gentoo-c64ce3ae8de09092f9570ab88a68fe920b0fd970.tar.gz blogs-gentoo-c64ce3ae8de09092f9570ab88a68fe920b0fd970.tar.bz2 blogs-gentoo-c64ce3ae8de09092f9570ab88a68fe920b0fd970.zip |
Update plugins and themes to the latest versions.
Signed-off-by: Jorge Manuel B. S. Vicetto (jmbsvicetto) <jmbsvicetto@gentoo.org>
Diffstat (limited to 'plugins/jetpack/modules/sharedaddy/admin-sharing.css')
-rw-r--r-- | plugins/jetpack/modules/sharedaddy/admin-sharing.css | 542 |
1 files changed, 246 insertions, 296 deletions
diff --git a/plugins/jetpack/modules/sharedaddy/admin-sharing.css b/plugins/jetpack/modules/sharedaddy/admin-sharing.css index 620d6fc3..dd4982e4 100644 --- a/plugins/jetpack/modules/sharedaddy/admin-sharing.css +++ b/plugins/jetpack/modules/sharedaddy/admin-sharing.css @@ -1,215 +1,181 @@ +/** + * Sharedaddy Admin Styles + */ + #services-config { - background: #f1f1f1; - border: 1px #e3e3e3 solid; - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - margin-top:15px; min-width: 700px; width: 100%; float: left; - margin-bottom: 25px; } -#available-services,#enabled-services,#live-preview{ - padding:20px 20px 0px 20px; +#services-config h3 { + font-weight: normal; + font-size: 15px; + margin: 0; + padding: 8px 10px; + overflow: hidden; + white-space: nowrap; + color: #464646; +} + +#available-services, #enabled-services, #live-preview { + padding: 0; width: 100%; + padding-top: 20px; + border-spacing: 0; +} + +#enabled-services .ui-sortable { + min-height: 50px; } #enabled-services { - padding: 20px; + padding-bottom: 20px; } -#live-preview { - padding: 20px 20px 10px 20px; +#available-services, #enabled-services { + border-bottom: 2px solid #cccccc; } -#available-services{ - border-bottom: 1px #e3e3e3 solid; +#live-preview { + border-bottom: 1px solid #dfdfdf; + padding-bottom: 60px; } -#available-services h3,#enabled-services h3,#live-preview h3{ +#available-services h3, #enabled-services h3, #live-preview h3 { padding: 0px; margin-top: 0px; + margin-bottom: 1em; } -.description{ +body.settings_page_sharing .description { width: 180px; vertical-align: top; } -.description p{ - font-size: 11px; +body.settings_page_sharing .description p { + font-size: 13px; + font-style: italic; } -.services { +body.settings_page_sharing .services { padding: 0px 20px; vertical-align: top; } -.services ul{ -} - -.services ul li { +body.settings_page_sharing .services ul li { float: left; - border: 1px #e3e3e3 solid; - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - padding: 5px 10px 5px 24px; - margin-right: 5px !important; cursor: move; } -.services ul li.divider { +body.settings_page_sharing .services ul li.divider { border: none; padding: 0; background: none; cursor: default; } -.preview { - float: left !important; - width: 98%; +body.settings_page_sharing ul.services-hidden { + margin-bottom: 0; } -.services ul.preview li, .services ul.archive li { - border: none; +/* Generic style */ +#available-services .service, #enabled-services .service { + margin-right: 10px; + padding: 5px 10px 5px 5px; + border-radius: 3px; + border: 1px solid #bbb; + background: #f8f8f8; + background-repeat: no-repeat; + background-position: center center; } - -.services ul li#facebook, #available-services .preview-facebook div.option-smart-off{background: #FFF url(images/facebook.png) no-repeat 4px 5px;} -.services ul li#twitter, #available-services .preview-twitter div.option-smart-off{background: #FFF url(images/twitter.png?1) no-repeat 4px 5px;} -.services ul li#wordpress, #available-services .preview-wordpress{background: #FFF url(images/wordpress.png) no-repeat 4px 5px;} -.services ul li#digg, #available-services .preview-digg div.option-smart-off{background: #FFF url(images/digg.png) no-repeat 4px 5px;} -.services ul li#reddit, #available-services .preview-reddit div.option-smart-off{background: #FFF url(images/reddit.png) no-repeat 4px 5px;} -.services ul li#stumbleupon, #available-services .preview-stumbleupon div.option-smart-off{background: #FFF url(images/stumbleupon.png) no-repeat 4px 5px;} -.services ul li#email, #available-services .preview-email{background: #FFF url(images/email.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#print, #available-services .preview-print{background: #FFF url(images/print.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#press-this, #available-services .preview-press-this{background: #FFF url(images/wordpress.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#linkedin, #available-services .preview-linkedin div.option-smart-off{background: #FFF url(images/linkedin.png) no-repeat 4px 5px;} -.services ul li#tumblr,#available-services .preview-tumblr{background: #FFF url(images/tumblr.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#google-plus-1,#available-services .preview-google-plus-1{background: #FFF url(images/googleplus1.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#pinterest,#available-services .preview-pinterest{background: #FFF url(images/pinterest.png) no-repeat 5px 6px; padding-right: 10px;} -.services ul li#pocket,#available-services .preview-pocket{background: #FFF url(images/pocket.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#kindle,#available-services .preview-kindle{background: #FFF url(images/kindle.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li.share-custom, #available-services .preview-custom{background: #FFF url(images/custom.png) no-repeat 4px 5px; no-repeat 4px 5px; padding-right: 10px;} - - - -/****************************************************************************/ - -.preview li.preview-item { - margin: 0 15px 0 0; - background-position: 0px 5px; - padding: 5px 0px 5px 20px; - border: none; - cursor: default; +#available-services .service:hover, #enabled-services .service:hover { + background: #fff; + border: 1px solid #bbb; + box-shadow: 0 1px 3px rgba(0,0,0,0.2); } -.preview li.preview-digg, -.preview li.preview-reddit, -.preview li.preview-stumbleupon, -.preview li.preview-facebook, -.preview li.preview-twitter, -.preview li.preview-linkedin, -.preview li.preview-tumblr { - padding: 0; +/* Generic style icons */ +li.service span:before { + color: #555; + display: inline-block; + -webkit-font-smoothing: antialiased; + font: normal 16px/1 'Noticons', 'Genericons'; + vertical-align: top; + position: relative; + top: 1px; + margin-right: 3px; + width: 16px; + height: 16px; + text-align: center; } - -.preview-digg .option-smart-on { - background: #FFF url(images/smart-digg.png) no-repeat top left; - background-size: 76px 17px; - width:76px; - height:17px; - margin-top: 2px; +li.service.share-print span:before { + content: '\f469'; } - -.preview-reddit .option-smart-on { - background: #FFF url(images/smart-reddit.png) no-repeat top left; - background-size: 104px 21px; - width:104px; - height:21px; +li.service.share-digg span:before { + content: '\f221'; } - -.preview-stumbleupon .option-smart-on { - background: #FFF url(images/smart-stumbleupon.png) no-repeat top left; - background-size: 74px 18px; - width: 74px; - height: 18px; - margin-top: 1px; +li.service.share-email span:before { + content: '\f410'; } - -.preview-facebook .option-smart-on { - background: #FFF url(images/smart-like.png) no-repeat top left; - background-size: 50px 20px; - width:50px; - height:20px; +li.service.share-linkedin span:before { + content: '\f207'; } - -.preview-twitter .option-smart-on { - background: #FFF url(images/smart-twitter.png?1) no-repeat top left; - background-size: 92px 20px; - width:92px; - height:20px; +li.service.share-twitter span:before { + content: '\f202'; } - -.preview-linkedin .option-smart-on { - background: #FFF url(images/linkedin-smart.png) no-repeat top center; - background-size: 99px 18px; - width:99px; - height:18px; - margin-top: 1px; +li.service.share-reddit span:before { + content: '\f222'; } - -.preview-google-plus-1 .option-smart-on { - background: #FFF url(images/smart-googleplus1.png) no-repeat top left; - background-size: 96px 20px; - width: 96px; - height: 20px; +li.service.share-tumblr span:before { + content: '\f214'; } - -.preview-tumblr .option-smart-on { - background: #FFF url(images/smart-tumblr.png) no-repeat top left; - background-size: 62px 20px; - width: 62px; - height: 20px; +li.service.share-stumbleupon span:before { + content: '\f223'; +} +li.service.share-pocket span:before { + content: '\f224'; +} +li.service.share-pinterest span:before { + content: '\f209'; +} +li.service.share-google-plus-1 span:before { + content: '\f218'; +} +li.service.share-facebook span:before { + content: '\f204'; +} +li.service.share-press-this span:before { /* Fixme: remove this button in favor of reblog */ + content: '\f205'; } -.preview-pinterest .option-smart-on { - background: #FFF url(images/smart-pinterest.png) no-repeat top left; - background-size: 58px 20px; - width: 58px; - height: 20px; + +/** + * Preview section + */ + +body.settings_page_sharing ul.preview { + float: left; + margin: 0px; } -.preview-pinterest .option-smart-on { - background: #FFF url(images/smart-pinterest.png) no-repeat top left; - background-size: 58px 20px; - width: 58px; - height: 20px; +body.settings_page_sharing ul.preview li.preview-item, body.settings_page_sharing ul.preview li.preview-item a { + cursor: default; + text-decoration: none; } -.preview-pocket .option-smart-on { - background: #FFF url(images/smart-pocket.png) no-repeat top left; - background-size: 60px 20px; - width: 60px; - height: 20px; +div.sd-social-icon ul.preview li.preview-item a span, +div.sd-social-icon .inner li.preview-item a span { + display: none; } -.services .preview li.share-custom { - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - background:url("images/sharing-hidden.png") no-repeat scroll 0px center #FFFFFF; - float: left; - line-height: 22px; - padding: 0 8px 0 21px; - margin: 1px 0 0 0; +div.sd-social-icon ul.preview li.preview-item.preview-custom a span { + display: inline-block; + } .services .preview li.share-custom a { - color: #333; text-decoration: none; } @@ -223,11 +189,6 @@ width:0; } -#enabled-services{ - border-top: 1px #FFF solid; - border-bottom: 1px #e3e3e3 solid; -} - #enabled-services h2{ font-size:20px; padding-top:0px; @@ -235,57 +196,53 @@ color: #999; } -#live-preview h2{ +body.settings_page_sharing #live-preview h2 { font-size:20px; font-weight: normal !important; color: #e3e3e3; } -#live-preview{ - background: #FFF; - border-bottom-left-radius:6px 6px; - border-bottom-right-radius:6px 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-bottomright: 6px; +body.settings_page_sharing .clearing { + clear: both; } -.clearing{ - clear: both; +body.settings_page_sharing .options .options-left { + float: left; } - .options .options-left{ - float: left; - } - - .input label{ - font-size: 11px; - line-height: 16px; - } - - .advanced-form { - padding: 10px 14px 8px 10px; - margin-left: -24px; - display: none; - border-top: 1px #e3e3e3 solid; - margin-top:4px; - } - - .utility{ - float: right; - padding-top:10px; - padding-right: 10px; - font-size: 10px; - } - - .advanced input[type=submit]{ - float: left; - margin-top:10px; - margin-right: 10px; - } +body.settings_page_sharing .input label { + font-size: 11px; + line-height: 16px; +} + +body.settings_page_sharing .advanced-form { + padding: 10px 14px 8px 10px; + margin-left: -24px; + display: none; + border-top: 1px #e3e3e3 solid; + margin-top:4px; +} + +body.settings_page_sharing .utility { + float: right; + padding-top:10px; + padding-right: 10px; + font-size: 10px; +} + +body.settings_page_sharing .advanced input[type=submit] { + float: left; + margin-top:10px; + margin-right: 10px; +} .services li.dropzone { border: 1px dashed #999; + border-radius: 3px; background: #e3e3e3; + margin-right: 10px; + padding: 5px; + height: 18px; } .advanced-form .form-table th { @@ -296,51 +253,121 @@ margin-top: 0 !important; } -#share-drop-target { -} - #hidden-drop-target { background: #e1e1e1; border: 1px solid #cdcdcd; - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; width: 29%; padding: 10px; vertical-align: top; } #hidden-drop-target p { - font-size: 10px; + font-size: 13px; + font-style: italic; margin: 0 0 10px 0; +} + + +/* Official button previews */ +.preview li.preview-item { + background-position: 0px 5px; + cursor: default; +} + +.preview .option-smart-on { + margin: 3px 5px 0 0; +} + +.preview-digg .option-smart-on { + background: url(images/smart-digg.png) no-repeat top left; + background-size: 76px 17px; + width:76px; + height:17px; + margin-top: 2px; +} + +.preview-reddit .option-smart-on { + background: url(images/smart-reddit.png) no-repeat top left; + background-size: 104px 21px; + width:104px; + height:21px; +} + +.preview-stumbleupon .option-smart-on { + background: url(images/smart-stumbleupon.png) no-repeat top left; + background-size: 74px 18px; + width: 74px; + height: 18px; + margin-top: 1px; +} + +.preview-facebook .option-smart-on { + background: url(images/smart-like.png) no-repeat top left; + background-size: 85px 20px; + width:85px; + height:20px; +} + +.preview-twitter .option-smart-on { + background: url(images/smart-twitter.png?1) no-repeat top left; + background-size: 92px 20px; + width:92px; + height:20px; +} + +.preview-linkedin .option-smart-on { + background: url(images/linkedin-smart.png) no-repeat top center; + background-size: 99px 18px; + width:99px; + height:18px; + margin-top: 1px; +} +.preview-google-plus-1 .option-smart-on { + background: url(images/smart-googleplus1.png) no-repeat top left; + background-size: 96px 20px; + width: 96px; + height: 20px; } -.sharing-hidden .inner { - position: absolute; - border: 2px solid #6e6e6e; - padding: 15px 0px; - background: #fff; +.preview-tumblr .option-smart-on { + background: url(images/smart-tumblr.png) no-repeat top left; + background-size: 62px 20px; + width: 62px; + height: 20px; } +.preview-pinterest .option-smart-on { + background: url(images/smart-pinterest.png) no-repeat top left; + background-size: 39px 20px; + width: 39px; + height: 20px; +} -.sharing-hidden ul { - margin: 0 !important; +.preview-pocket .option-smart-on { + background: url(images/smart-pocket.png) no-repeat top left; + background-size: 60px 20px; + width: 60px; + height: 20px; } + +/** + * Overflow sharing dialog + */ + .services .sharing-hidden li { - margin: 0px 10px 0px 10px; background-color: transparent; } .sharing-hidden li.share-end { - clear: both; - height: 0; - padding: 0px !important; - margin: 0px !important; - width: 0; - visibility: hidden; - float: none; + clear: both; + height: 0; + padding: 0px !important; + margin: 0px !important; + width: 0; + visibility: hidden; + float: none; } .preview .sharing-label { @@ -365,88 +392,11 @@ background: #f00; } +.sd-social-icon .inner a.sd-button span, +.sd-social-icon .inner a.share-icon span { + display: inline-block; + overflow: hidden; + width: 0; + text-indent: 100%; +} - - -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - - .services ul li#facebook, #available-services .preview-facebook div.option-smart-off{background: #FFF url(images/facebook@2x.png) no-repeat 4px 5px;} - .services ul li#twitter, #available-services .preview-twitter div.option-smart-off{background: #FFF url(images/twitter@2x.png?1) no-repeat 4px 5px;} - .services ul li#wordpress, #available-services .preview-wordpress{background: #FFF url(images/wordpress@2x.png?1) no-repeat 4px 5px;} - .services ul li#digg, #available-services .preview-digg div.option-smart-off{background: #FFF url(images/digg@2x.png) no-repeat 4px 5px;} - .services ul li#reddit, #available-services .preview-reddit div.option-smart-off{background: #FFF url(images/reddit@2x.png) no-repeat 4px 5px;} - .services ul li#stumbleupon, #available-services .preview-stumbleupon div.option-smart-off{background: #FFF url(images/stumbleupon@2x.png) no-repeat 4px 5px;} - .services ul li#email, #available-services .preview-email{background: #FFF url(images/email@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#print, #available-services .preview-print{background: #FFF url(images/print@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#press-this, #available-services .preview-press-this{background: #FFF url(images/wordpress@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#linkedin, #available-services .preview-linkedin div.option-smart-off{background: #FFF url(images/linkedin@2x.png) no-repeat 4px 5px;} - .services ul li#tumblr,#available-services .preview-tumblr{background: #FFF url(images/tumblr@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#google-plus-1,#available-services .preview-google-plus-1{background: #FFF url(images/googleplus1@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#pinterest,#available-services .preview-pinterest{background: #FFF url(images/pinterest@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#pocket,#available-services .preview-pocket{background: #FFF url(images/pocket@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li#kindle,#available-services .preview-kindle{background: #FFF url(images/kindle@2x.png) no-repeat 4px 5px; padding-right: 10px;} - .services ul li.share-custom, #available-services .preview-custom{background: #FFF url(images/custom@2x.png) no-repeat 4px 5px; no-repeat 4px 5px; padding-right: 10px;} - - .services ul li#facebook, #available-services .preview-facebook div.option-smart-off, - .services ul li#twitter, #available-services .preview-twitter div.option-smart-off, - .services ul li#wordpress, #available-services .preview-wordpress, - .services ul li#digg, #available-services .preview-digg div.option-smart-off, - .services ul li#reddit, #available-services .preview-reddit div.option-smart-off, - .services ul li#stumbleupon, #available-services .preview-stumbleupon div.option-smart-off, - .services ul li#email, #available-services .preview-email, - .services ul li#print, #available-services .preview-print, - .services ul li#press-this, #available-services .preview-press-this, - .services ul li#linkedin, #available-services .preview-linkedin div.option-smart-off, - .services ul li#tumblr,#available-services .preview-tumblr, - .services ul li#google-plus-1,#available-services .preview-google-plus-1, - .services ul li#pinterest,#available-services .preview-pinterest, - .services ul li#pocket,#available-services .preview-pocket, - .services ul li#kindle,#available-services .preview-kindle, - .services ul li.share-custom, #available-services .preview-custom{ - background-size: 16px 16px; - } - - .preview-digg .option-smart-on { - background-image: url(images/smart-digg@2x.png); - } - - .preview-reddit .option-smart-on { - background-image: url(images/smart-reddit@2x.png); - } - - .preview-stumbleupon .option-smart-on { - background-image: url(images/smart-stumbleupon@2x.png); - } - - .preview-facebook .option-smart-on { - background-image: url(images/smart-like@2x.png); - } - - .preview-twitter .option-smart-on { - background-image: url(images/smart-twitter@2x.png); - } - - .preview-linkedin .option-smart-on { - background-image: url(images/linkedin-smart@2x.png); - } - - .preview-google-plus-1 .option-smart-on { - background-image: url(images/smart-googleplus1@2x.png); - } - - .preview-tumblr .option-smart-on { - background-image: url(images/smart-tumblr@2x.png); - } - - .preview-pinterest .option-smart-on { - background-image: url(images/smart-pinterest@2x.png); - } - - .preview-pocket .option-smart-on { - background-image: url(images/smart-pocket@2x.png); - } - -}
\ No newline at end of file |