WordPress.org

Ready to get started?Download WordPress

Forums

Juiz Social Post Sharer
[resolved] Google UI css (4 posts)

  1. googleblogitalia
    Member
    Posted 7 months ago #

    for my blog (googleblogitalia.altervisra.org) I modified the css of the theme "6" to adapt to the style buttons google ... with the last update but I can not and I had to modify by adding lines of css to the theme, I wonder if you can add in some way to the theme plugin?

    http://wordpress.org/plugins/juiz-social-post-sharer/

  2. Geoffrey
    Member
    Plugin Author

    Posted 7 months ago #

    Hi,
    If you send me your custom CSS, I can try to add this theme.

    For next update, I will try to add a feature to scan a custom CSS file in your "themes/your-theme/juiz-social-post-sharer/custom.css" or something like that.

    Happy new year.

  3. googleblogitalia
    Member
    Posted 7 months ago #

    Hi,
    I wish you happy new year too.

    below I put the code for the buttons of color "playdarkpink" according to this file jsfiddle :)

    I like the idea of custom css!

    .juiz_sps_item>a {
    	margin-top: 5px !important;
    	margin-bottom: 5px !important;
    	margin-left: 5px !important;
    	margin-right: 5px !important;
    }
    
    .juiz_sps_links {
    	word-wrap: normal !important;
    	clear: both !important;
    	margin: 1em 0 !important;
    }
    
    .juiz_sps_maybe_hidden_text {
    	position: absolute;
    	left: -9999px;
    	text-indent: -9999px;
    }
    
    .juiz_sps_links ul,
    	.juiz_sps_links li {
    	padding: 0 !important;
    	margin: 0 !important;
    	list-style: none !important;
    }
    
    .juiz_sps_links li {
    	display: inline;
    }
    
    .juiz_sps_links li a, .juiz_sps_links li a .juiz_sps_icon,
    	.juiz_sps_links li a, .juiz_sps_links li a .juis_sps_network_name {
    	display: inline-block !important;
    	vertical-align: middle !important;
    }
    
    /* GOOGLE UI */
    .juiz_sps_item>a {
    	-webkit-border-radius: 2px !important;
    	border-radius: 2px !important;
    	cursor: default !important;
    	font-size: 12px !important;
    	font-weight: bold !important;
    	text-align: center !important;
    	white-space: nowrap !important;
    	margin-right: 16px !important;
    	height: 28px !important;
    	line-height: 28px !important;
    	min-width: 100px !important;
    	outline: 0 !important;
    	padding: 0 8px !important;
    /**/
    	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
    	box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
    	background-color: #ce5043 !important;
    	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    	background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    	border: 1px solid rgba(0,0,0,0) !important;
    	color: #FFF !important;
    	text-shadow: 0 1px rgba(0,0,0,0.1) !important;
    	text-transform: none !important;
    }
    
    .juiz_sps_item>a:focus {
    	-webkit-box-shadow: none !important;
    	box-shadow: none !important;
    	border: 1px solid #C7DCFC !important;
    	border: 1px solid rgba(0,0,0,0) !important;
    	outline: 4px solid #C7DCFC !important;
    	outline: 4px solid #C7DCFC !important;
    }
    
    .juiz_sps_item>a:hover {
    	-webkit-box-shadow: inset 0 -1px 0 #943c39 !important;
    	box-shadow: inset 0 -1px 0 #943c39 !important;
    	background-color: #e45a4e !important;
    	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    	background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    	border: 1px solid rgba(0,0,0,0) !important;
    	border-bottom-color: #943c39 !important;
    }
    
    .juiz_sps_item>a:active {
    	-webkit-box-shadow: inset 0 1px 0 #672a27 !important;
    	box-shadow: inset 0 1px 0 #672a27 !important;
    	background-color: #943c39 !important;
    	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    	background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    	border: 1px solid rgba(0,0,0,0) !important;
    	border-top: 1px solid #672a27 !important;
    }
    
    .juiz_sps_item>a[disabled], .juiz_sps_item>a.disabled {
    	background: #ce5043 !important;
    	filter: alpha(opacity=50) !important;
    	opacity: .5 !important;
    }
    
    /* END GOOGLE UI */
    .juiz_sps_links li:last-child a {
    	margin-right: 0 !important;
    }
    
    .juiz_sps_links .juiz_sps_icon {
    	width: 20px !important;
    	height: 20px !important;
    	margin-right: 5px !important;
    	vertical-align: -4px !important;
    }
    
    .juiz_sps_links .juiz_sps_link_google .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/gplus_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_twitter .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/twitter_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_facebook .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/facebook_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_pinterest .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/pinterest_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_mail .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/mail_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_viadeo .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/viadeo_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_linkedin .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/linkedin_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_stumbleupon .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/stumbleupo_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_weibo .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/weibo_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_digg .juiz_sps_icon {
    	background: url("http://googleblogitalia.altervista.org/blog/wp-content/uploads/2013/09/weibo_20.png") 0 0 no-repeat !important;
    }
    
    .juiz_sps_links .juiz_sps_link_mail a, .juiz_sps_links .juiz_sps_link_mail a:hover, .juiz_sps_links .juiz_sps_link_mail a:focus {
    	color: #FFF !important;
    }

  4. Geoffrey
    Member
    Plugin Author

    Posted 2 months ago #

    I don't forget you.
    I'll try to add this styles later :)
    Thank you.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.