1.plugin_oauth_button(@color) { 2 border-top: 1px solid lighten(@color, 20%); 3 border-left: 1px solid lighten(@color, 20%); 4 border-right: 1px solid darken(@color, 20%); 5 border-bottom: 1px solid darken(@color, 20%); 6 background-color: @color; 7} 8 9#dw__login { 10 .plugin_oauth { 11 12 a { 13 padding: 10px 20px; 14 margin: 5px; 15 line-height: 50px; 16 background-position: 10px center; 17 background-repeat: no-repeat; 18 color: #fff; 19 text-decoration: none; 20 font-weight: bold; 21 .plugin_oauth_button(#999); 22 } 23 24 a.plugin_oauth_Facebook { 25 .plugin_oauth_button(#3b5998); 26 background-image: url(images/facebook.png); 27 padding-left: (20px+24px); 28 } 29 30 a.plugin_oauth_Google { 31 .plugin_oauth_button(#DC4A38); 32 background-image: url(images/google.png); 33 padding-left: (20px+24px); 34 } 35 36 a.plugin_oauth_Github { 37 .plugin_oauth_button(#404041); 38 background-image: url(images/github.png); 39 padding-left: (20px+24px); 40 } 41 42 a.plugin_oauth_Yahoo { 43 .plugin_oauth_button(#7B0099); 44 background-image: url(images/yahoo.png); 45 padding-left: (20px+24px); 46 } 47 48 } 49}
