Add frontend assets and plugin bundles

Add the legacy frontend themes, scripts, and plugin assets required by the main SPOTA interfaces.
This commit is contained in:
Power BI Dev
2026-05-02 10:09:32 +07:00
parent efdb11db3f
commit a52c2a8462
2061 changed files with 513282 additions and 0 deletions

View File

@@ -0,0 +1,13 @@
Copyright 2013 Adam Neumann
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

View File

@@ -0,0 +1,81 @@
# Social Buttons for Twitter Bootstrap 2 & 3
**Clean (unofficial) social media buttons for Bootstrap using Font Awesome.**
[See a live example](http://noizwaves.github.io/bootstrap-social-buttons/)
Social Buttons for Twitter Bootstrap is a plugin/mixin for Twitter Bootstrap that provides great looking (unofficial) themes for various social media buttons.
This works great with Font Awesome, which provides great looking icons for various social media actions.
Themes provided include:
- Facebook
- Twitter
- Github
- Pinterest
- LinkedIn
- Google Plus
- Instragram
- and many more
## Requirements
- Twitter Bootstrap 2.3.1 (although older versions should be fine too) or Twitter Bootstrap 3 RC1.
- Font Awesome 3.2.1 (again, older versions should be fine).
## Installation
Once you have cloned the repo, if you are using CSS then:
Note: when using Bootstrap 3, use 'social-buttons-3.{ext}' instead of 'social-buttons.{ext}'!
1. Include Bootstrap and Font Awesome in your app (see [this guide](http://www.bootstrapcdn.com/#tab_fontawesome))
2. Include social-buttons.css in your app
3. Start using buttons!
Or if you are using LESS then:
1. Ensure Font Awesome is imported into your app (as CSS or LESS)
2. Import social-buttons.less into bootstrap.less
3. Build Bootstrap
4. Start using buttons.
Note: if you want to use Font Awesome, you should disable the icons mixin (by removing the sprites.less import in bootstrap.less).
## Authors
[Adam Neumann][0]
### Contributors
[Shane McCarthy][1]
Please help and get involved!
### Contributions
If you would like to contribute (adding new styles, refining old styles, bug fixes, etc), please:
* fork this project and make the changes
* add yourself to the list of contributors
* send a pull request
## License
Copyright 2013 Adam Neumann
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
[0]: https://github.com/noizwaves
[1]: https://github.com/illwrks

View File

@@ -0,0 +1,721 @@
/*!
* Social Buttons for Twitter Bootstrap v0.2dev
*
* Copyright 2013 Adam Neumann
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*/
.btn-facebook {
color: #ffffff;
background-color: #133783;
border-color: #133783;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active {
color: #ffffff;
background-color: #0e285f;
border-color: #0b214e;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
background-color: #133783;
border-color: #133783;
}
.btn-twitter {
color: #ffffff;
background-color: #2daddc;
border-color: #0271bf;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active {
color: #ffffff;
background-color: #2095c0;
border-color: #014d82;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
background-color: #2daddc;
border-color: #0271bf;
}
.btn-github {
color: #000000;
background-color: #fafafa;
border-color: #cccccc;
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active {
color: #000000;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
background-color: #fafafa;
border-color: #cccccc;
}
.btn-pinterest {
color: #ffffff;
background-color: #d62229;
border-color: #ab171e;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active {
color: #ffffff;
background-color: #b31c22;
border-color: #751015;
}
.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
background-color: #d62229;
border-color: #ab171e;
}
.btn-linkedin {
color: #ffffff;
background-color: #73b8db;
border-color: #4393bb;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active {
color: #ffffff;
background-color: #53a8d3;
border-color: #33708e;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
background-color: #73b8db;
border-color: #4393bb;
}
.btn-google-plus {
color: #ffffff;
background-color: #dd4b39;
border-color: #c53727;
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active {
color: #ffffff;
background-color: #ca3523;
border-color: #92291d;
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
background-color: #dd4b39;
border-color: #c53727;
}
.btn-instagram {
color: #ffffff;
background-color: #6f97b6;
border-color: #3f729b;
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active {
color: #ffffff;
background-color: #5583a7;
border-color: #2d526f;
}
.btn-instagram.disabled,
.btn-instagram[disabled],
fieldset[disabled] .btn-instagram,
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
fieldset[disabled] .btn-instagram:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active,
fieldset[disabled] .btn-instagram.active {
background-color: #6f97b6;
border-color: #3f729b;
}
.btn-dropbox {
color: #ffffff;
background-color: #37a3eb;
border-color: #2181cf;
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active {
color: #ffffff;
background-color: #1791e3;
border-color: #19609a;
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
background-color: #37a3eb;
border-color: #2181cf;
}
.btn-bitbucket {
color: #ffffff;
background-color: #2d5f9c;
border-color: #205081;
}
.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active {
color: #ffffff;
background-color: #244c7c;
border-color: #143250;
}
.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
fieldset[disabled] .btn-bitbucket,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
fieldset[disabled] .btn-bitbucket:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active,
fieldset[disabled] .btn-bitbucket.active {
background-color: #2d5f9c;
border-color: #205081;
}
.btn-dribbble {
color: #ffffff;
background-color: #ea4c89;
border-color: #cb396f;
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active {
color: #ffffff;
background-color: #e62771;
border-color: #9d2954;
}
.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
background-color: #ea4c89;
border-color: #cb396f;
}
.btn-flickr {
color: #ffffff;
background-color: #f051a5;
border-color: #ff0084;
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active {
color: #ffffff;
background-color: #ed2b92;
border-color: #c20064;
}
.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
background-color: #f051a5;
border-color: #ff0084;
}
.btn-foursquare {
color: #ffffff;
background-color: #0cbadf;
border-color: #0072b1;
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active {
color: #ffffff;
background-color: #0a9ab8;
border-color: #004b74;
}
.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
background-color: #0cbadf;
border-color: #0072b1;
}
.btn-renren {
color: #ffffff;
background-color: #397cb6;
border-color: #33669a;
}
.btn-renren:hover,
.btn-renren:focus,
.btn-renren:active,
.btn-renren.active {
color: #ffffff;
background-color: #2f6797;
border-color: #24486c;
}
.btn-renren.disabled,
.btn-renren[disabled],
fieldset[disabled] .btn-renren,
.btn-renren.disabled:hover,
.btn-renren[disabled]:hover,
fieldset[disabled] .btn-renren:hover,
.btn-renren.disabled:focus,
.btn-renren[disabled]:focus,
fieldset[disabled] .btn-renren:focus,
.btn-renren.disabled:active,
.btn-renren[disabled]:active,
fieldset[disabled] .btn-renren:active,
.btn-renren.disabled.active,
.btn-renren[disabled].active,
fieldset[disabled] .btn-renren.active {
background-color: #397cb6;
border-color: #33669a;
}
.btn-skype {
color: #ffffff;
background-color: #70c3e2;
border-color: #00aff0;
}
.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active,
.btn-skype.active {
color: #ffffff;
background-color: #4eb5db;
border-color: #0082b3;
}
.btn-skype.disabled,
.btn-skype[disabled],
fieldset[disabled] .btn-skype,
.btn-skype.disabled:hover,
.btn-skype[disabled]:hover,
fieldset[disabled] .btn-skype:hover,
.btn-skype.disabled:focus,
.btn-skype[disabled]:focus,
fieldset[disabled] .btn-skype:focus,
.btn-skype.disabled:active,
.btn-skype[disabled]:active,
fieldset[disabled] .btn-skype:active,
.btn-skype.disabled.active,
.btn-skype[disabled].active,
fieldset[disabled] .btn-skype.active {
background-color: #70c3e2;
border-color: #00aff0;
}
.btn-stackexchange {
color: #ffffff;
background-color: #5184c1;
border-color: #185397;
}
.btn-stackexchange:hover,
.btn-stackexchange:focus,
.btn-stackexchange:active,
.btn-stackexchange.active {
color: #ffffff;
background-color: #3d70ac;
border-color: #103662;
}
.btn-stackexchange.disabled,
.btn-stackexchange[disabled],
fieldset[disabled] .btn-stackexchange,
.btn-stackexchange.disabled:hover,
.btn-stackexchange[disabled]:hover,
fieldset[disabled] .btn-stackexchange:hover,
.btn-stackexchange.disabled:focus,
.btn-stackexchange[disabled]:focus,
fieldset[disabled] .btn-stackexchange:focus,
.btn-stackexchange.disabled:active,
.btn-stackexchange[disabled]:active,
fieldset[disabled] .btn-stackexchange:active,
.btn-stackexchange.disabled.active,
.btn-stackexchange[disabled].active,
fieldset[disabled] .btn-stackexchange.active {
background-color: #5184c1;
border-color: #185397;
}
.btn-trello {
color: #ffffff;
background-color: #569cc4;
border-color: #27709b;
}
.btn-trello:hover,
.btn-trello:focus,
.btn-trello:active,
.btn-trello.active {
color: #ffffff;
background-color: #3e88b3;
border-color: #1b4d6a;
}
.btn-trello.disabled,
.btn-trello[disabled],
fieldset[disabled] .btn-trello,
.btn-trello.disabled:hover,
.btn-trello[disabled]:hover,
fieldset[disabled] .btn-trello:hover,
.btn-trello.disabled:focus,
.btn-trello[disabled]:focus,
fieldset[disabled] .btn-trello:focus,
.btn-trello.disabled:active,
.btn-trello[disabled]:active,
fieldset[disabled] .btn-trello:active,
.btn-trello.disabled.active,
.btn-trello[disabled].active,
fieldset[disabled] .btn-trello.active {
background-color: #569cc4;
border-color: #27709b;
}
.btn-tumblr {
color: #ffffff;
background-color: #3a5976;
border-color: #2a4763;
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active {
color: #ffffff;
background-color: #2d445b;
border-color: #182838;
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
background-color: #3a5976;
border-color: #2a4763;
}
.btn-vk {
color: #ffffff;
background-color: #5a7fa6;
border-color: #426187;
}
.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active {
color: #ffffff;
background-color: #4b6b8c;
border-color: #2e435e;
}
.btn-vk.disabled,
.btn-vk[disabled],
fieldset[disabled] .btn-vk,
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
fieldset[disabled] .btn-vk:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active,
fieldset[disabled] .btn-vk.active {
background-color: #5a7fa6;
border-color: #426187;
}
.btn-weibo {
color: #ffffff;
background-color: #f85959;
border-color: #e64141;
}
.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active {
color: #ffffff;
background-color: #f63232;
border-color: #cf1b1b;
}
.btn-weibo.disabled,
.btn-weibo[disabled],
fieldset[disabled] .btn-weibo,
.btn-weibo.disabled:hover,
.btn-weibo[disabled]:hover,
fieldset[disabled] .btn-weibo:hover,
.btn-weibo.disabled:focus,
.btn-weibo[disabled]:focus,
fieldset[disabled] .btn-weibo:focus,
.btn-weibo.disabled:active,
.btn-weibo[disabled]:active,
fieldset[disabled] .btn-weibo:active,
.btn-weibo.disabled.active,
.btn-weibo[disabled].active,
fieldset[disabled] .btn-weibo.active {
background-color: #f85959;
border-color: #e64141;
}
.btn-xing {
color: #ffffff;
background-color: #1f6768;
border-color: #074c4d;
}
.btn-xing:hover,
.btn-xing:focus,
.btn-xing:active,
.btn-xing.active {
color: #ffffff;
background-color: #164849;
border-color: #021515;
}
.btn-xing.disabled,
.btn-xing[disabled],
fieldset[disabled] .btn-xing,
.btn-xing.disabled:hover,
.btn-xing[disabled]:hover,
fieldset[disabled] .btn-xing:hover,
.btn-xing.disabled:focus,
.btn-xing[disabled]:focus,
fieldset[disabled] .btn-xing:focus,
.btn-xing.disabled:active,
.btn-xing[disabled]:active,
fieldset[disabled] .btn-xing:active,
.btn-xing.disabled.active,
.btn-xing[disabled].active,
fieldset[disabled] .btn-xing.active {
background-color: #1f6768;
border-color: #074c4d;
}
.btn-youtube {
color: #ffffff;
background-color: #cd332d;
border-color: #6e0610;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active {
color: #ffffff;
background-color: #ac2b26;
border-color: #340308;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
background-color: #cd332d;
border-color: #6e0610;
}

View File

@@ -0,0 +1,187 @@
//
// Bootstrap Social Buttons v0.2dev
// --------------------------------------------------
// The colours
// --------------------------------------------------
// Standard colours
@btnText: #fff;
@btnTextAlt: #000;
// Facebook colours from ???
@btnFacebookBackground: #3B5998;
@btnFacebookBackgroundHighlight: #133783;
// Twitter colours from https://twitter.com/
@btnTwitterBackground: #2daddc;
@btnTwitterBackgroundHighlight: #0271bf;
// Github colours from http://ghbtns.com/
@btnGithubBackground: #fafafa;
@btnGithubBackgroundHighlight: #ccc;
// Pinterest colours from http://pinterest.com/
@btnPinterestBackground: #d62229;
@btnPinterestBackgroundHighlight: #ab171e;
// Linkedin colours from http://www.linkedin.com/
@btnLinkedinBackground: #73b8db;
@btnLinkedinBackgroundHighlight: #4393BB;
// Google Plus colours from https://accounts.google.com/ServiceLogin?service=oz&continue=https://plus.google.com/?gpsrc%3Dgplp0%26partnerid%3Dgplp0&hl=en-GB
@btnGooglePlusBackground: #dd4b39;
@btnGooglePlusBackgroundHighlight: #c53727;
// Instagram colours from http://instagram.com
@btnInstagramBackground: #6f97b6;
@btnInstagramBackgroundHighlight: #3f729b;
// Instagram colours from http://instagram.com
@btnDropboxBackground: #37a3eb;
@btnDropboxBackgroundHighlight: #2181cf;
// Bitbucket colours from https://bitbucket.org/dashboard/overview
@btnBitbucketBackground: #2D5F9C;
@btnBitbucketBackgroundHighlight: #205081;
// Dribbble colours from https://dribbble.com/session/new
@btnDribbbleBackground: #ea4c89;
@btnDribbbleBackgroundHighlight: #CB396F;
// Flickr colours from http://www.flickr.com/about
@btnFlickrBackground: #F051A5;
@btnFlickrBackgroundHighlight: #ff0084;
// Foursquare colours from https://playfoursquare.s3.amazonaws.com/press/foursquare-brandbook.pdf
@btnFoursquareBackground: #0cbadf;
@btnFoursquareBackgroundHighlight: #0072b1;
// Renren colours from http://a.xnimg.cn/n/apps/login/v6/cssimg/bg.png
@btnRenrenBackground: #397CB6;
@btnRenrenBackgroundHighlight: #33669A;
// Skype colours from http://issuu.com/bondo/docs/skype_brand_book_-_look
@btnSkypeBackground: #70C3E2;
@btnSkypeBackgroundHighlight: #00AFF0;
// Stack Exchange colours from http://cdn.sstatic.net/stackexchange/img/sprites.png?v=8
@btnStackExchangeBackground: #5184C1;
@btnStackExchangeBackgroundHighlight: #185397;
// Trello colours from http://cdn.sstatic.net/stackexchange/img/sprites.png?v=8
@btnTrelloBackground: #569cc4;
@btnTrelloBackgroundHighlight: #27709b;
// Tumblr colours from http://assets.tumblr.com/images/background.png?a33896dcf50d40a936025aeb074d8707
@btnTumblrBackground: #3A5976;
@btnTumblrBackgroundHighlight: #2A4763;
// VK colours from http://vk.com/images/hat.gif
@btnVkBackground: #5A7FA6;
@btnVkBackgroundHighlight: #426187;
// Weibo colours from http://img.t.sinajs.cn/t5/style/images/register/form_login.png?id=1370232467958
@btnWeiboBackground: #F85959;
@btnWeiboBackgroundHighlight: #E64141;
// XING colours from https://www.xing.com/img/s/sprite_zero_r9.png
@btnXingBackground: #1F6768;
@btnXingBackgroundHighlight: #074C4D;
// Youtube colours from http://www.youtube.com/yt/brand/color.html
@btnYoutubeBackground: #CD332D;
@btnYoutubeBackgroundHighlight: #6E0610;
// The social buttons
// --------------------------------------------------
// (????, background colour, )
.btn-facebook {
.button-variant(@btnText; @btnFacebookBackgroundHighlight; @btnFacebookBackgroundHighlight);
}
.btn-twitter {
.button-variant(@btnText; @btnTwitterBackground; @btnTwitterBackgroundHighlight);
}
.btn-github {
.button-variant(@btnTextAlt; @btnGithubBackground; @btnGithubBackgroundHighlight);
}
.btn-pinterest {
.button-variant(@btnText; @btnPinterestBackground; @btnPinterestBackgroundHighlight);
}
.btn-linkedin {
.button-variant(@btnText; @btnLinkedinBackground; @btnLinkedinBackgroundHighlight);
}
.btn-google-plus {
.button-variant(@btnText; @btnGooglePlusBackground; @btnGooglePlusBackgroundHighlight);
}
.btn-instagram {
.button-variant(@btnText; @btnInstagramBackground; @btnInstagramBackgroundHighlight);
}
.btn-dropbox {
.button-variant(@btnText; @btnDropboxBackground; @btnDropboxBackgroundHighlight);
}
.btn-bitbucket {
.button-variant(@btnText; @btnBitbucketBackground; @btnBitbucketBackgroundHighlight);
}
.btn-dribbble {
.button-variant(@btnText; @btnDribbbleBackground; @btnDribbbleBackgroundHighlight);
}
.btn-flickr {
.button-variant(@btnText; @btnFlickrBackground; @btnFlickrBackgroundHighlight);
}
.btn-foursquare {
.button-variant(@btnText; @btnFoursquareBackground; @btnFoursquareBackgroundHighlight);
}
.btn-renren {
.button-variant(@btnText; @btnRenrenBackground; @btnRenrenBackgroundHighlight);
}
.btn-skype {
.button-variant(@btnText; @btnSkypeBackground; @btnSkypeBackgroundHighlight);
}
.btn-stackexchange {
.button-variant(@btnText; @btnStackExchangeBackground; @btnStackExchangeBackgroundHighlight);
}
.btn-trello {
.button-variant(@btnText; @btnTrelloBackground; @btnTrelloBackgroundHighlight);
}
.btn-tumblr {
.button-variant(@btnText; @btnTumblrBackground; @btnTumblrBackgroundHighlight);
}
.btn-vk {
.button-variant(@btnText; @btnVkBackground; @btnVkBackgroundHighlight);
}
.btn-weibo {
.button-variant(@btnText; @btnWeiboBackground; @btnWeiboBackgroundHighlight);
}
.btn-xing {
.button-variant(@btnText; @btnXingBackground; @btnXingBackgroundHighlight);
}
.btn-youtube {
.button-variant(@btnText; @btnYoutubeBackground; @btnYoutubeBackgroundHighlight);
}

View File

@@ -0,0 +1,700 @@
/*!
* Social Buttons for Twitter Bootstrap v0.2dev
*
* Copyright 2013 Adam Neumann
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*/
.btn-facebook {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #2b4b90;
*background-color: #133783;
background-image: -moz-linear-gradient(top, #3b5998, #133783);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
background-image: -webkit-linear-gradient(top, #3b5998, #133783);
background-image: -o-linear-gradient(top, #3b5998, #133783);
background-image: linear-gradient(to bottom, #3b5998, #133783);
background-repeat: repeat-x;
border-color: #133783 #133783 #091b40;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
color: #ffffff;
background-color: #133783;
*background-color: #102e6d;
}
.btn-facebook:active,
.btn-facebook.active {
background-color: #0d2456 \9;
}
.btn-twitter {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #1c95d0;
*background-color: #0271bf;
background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
background-image: -o-linear-gradient(top, #2daddc, #0271bf);
background-image: linear-gradient(to bottom, #2daddc, #0271bf);
background-repeat: repeat-x;
border-color: #0271bf #0271bf #014473;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
color: #ffffff;
background-color: #0271bf;
*background-color: #0262a6;
}
.btn-twitter:active,
.btn-twitter.active {
background-color: #01538d \9;
}
.btn-github {
color: #000000;
text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
background-color: #f2f2f2;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #c0c0c0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.btn-github.disabled,
.btn-github[disabled] {
color: #000000;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn-github:active,
.btn-github.active {
background-color: #cdcdcd \9;
}
.btn-pinterest {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #c51e25;
*background-color: #ab171e;
background-image: -moz-linear-gradient(top, #d62229, #ab171e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
background-image: -o-linear-gradient(top, #d62229, #ab171e);
background-image: linear-gradient(to bottom, #d62229, #ab171e);
background-repeat: repeat-x;
border-color: #ab171e #ab171e #680e12;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
color: #ffffff;
background-color: #ab171e;
*background-color: #95141a;
}
.btn-pinterest:active,
.btn-pinterest.active {
background-color: #7e1116 \9;
}
.btn-linkedin {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #60a9ce;
*background-color: #4393bb;
background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
background-image: -o-linear-gradient(top, #73b8db, #4393bb);
background-image: linear-gradient(to bottom, #73b8db, #4393bb);
background-repeat: repeat-x;
border-color: #4393bb #4393bb #2f6783;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
color: #ffffff;
background-color: #4393bb;
*background-color: #3c84a8;
}
.btn-linkedin:active,
.btn-linkedin.active {
background-color: #367595 \9;
}
.btn-google-plus {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #d34332;
*background-color: #c53727;
background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
background-image: -o-linear-gradient(top, #dd4b39, #c53727);
background-image: linear-gradient(to bottom, #dd4b39, #c53727);
background-repeat: repeat-x;
border-color: #c53727 #c53727 #85251a;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
color: #ffffff;
background-color: #c53727;
*background-color: #b03123;
}
.btn-google-plus:active,
.btn-google-plus.active {
background-color: #9a2b1f \9;
}
.btn-instagram {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5c88ab;
*background-color: #3f729b;
background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
background-repeat: repeat-x;
border-color: #3f729b #3f729b #294a65;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
color: #ffffff;
background-color: #3f729b;
*background-color: #386589;
}
.btn-instagram:active,
.btn-instagram.active {
background-color: #305777 \9;
}
.btn-dropbox {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #2e95e0;
*background-color: #2181cf;
background-image: -moz-linear-gradient(top, #37a3eb, #2181cf);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf));
background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf);
background-image: -o-linear-gradient(top, #37a3eb, #2181cf);
background-image: linear-gradient(to bottom, #37a3eb, #2181cf);
background-repeat: repeat-x;
border-color: #2181cf #2181cf #16588d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.btn-dropbox.disabled,
.btn-dropbox[disabled] {
color: #ffffff;
background-color: #2181cf;
*background-color: #1d73b9;
}
.btn-dropbox:active,
.btn-dropbox.active {
background-color: #1a66a3 \9;
}
.btn-bitbucket {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #285991;
*background-color: #205081;
background-image: -moz-linear-gradient(top, #2d5f9c, #205081);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081));
background-image: -webkit-linear-gradient(top, #2d5f9c, #205081);
background-image: -o-linear-gradient(top, #2d5f9c, #205081);
background-image: linear-gradient(to bottom, #2d5f9c, #205081);
background-repeat: repeat-x;
border-color: #205081 #205081 #112a44;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.btn-bitbucket.disabled,
.btn-bitbucket[disabled] {
color: #ffffff;
background-color: #205081;
*background-color: #1b436d;
}
.btn-bitbucket:active,
.btn-bitbucket.active {
background-color: #163758 \9;
}
.btn-dribbble {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #de447f;
*background-color: #cb396f;
background-image: -moz-linear-gradient(top, #ea4c89, #cb396f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f));
background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f);
background-image: -o-linear-gradient(top, #ea4c89, #cb396f);
background-image: linear-gradient(to bottom, #ea4c89, #cb396f);
background-repeat: repeat-x;
border-color: #cb396f #cb396f #91264e;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.btn-dribbble.disabled,
.btn-dribbble[disabled] {
color: #ffffff;
background-color: #cb396f;
*background-color: #ba3163;
}
.btn-dribbble:active,
.btn-dribbble.active {
background-color: #a62b59 \9;
}
.btn-flickr {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f63198;
*background-color: #ff0084;
background-image: -moz-linear-gradient(top, #f051a5, #ff0084);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084));
background-image: -webkit-linear-gradient(top, #f051a5, #ff0084);
background-image: -o-linear-gradient(top, #f051a5, #ff0084);
background-image: linear-gradient(to bottom, #f051a5, #ff0084);
background-repeat: repeat-x;
border-color: #ff0084 #ff0084 #b3005c;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.btn-flickr.disabled,
.btn-flickr[disabled] {
color: #ffffff;
background-color: #ff0084;
*background-color: #e60077;
}
.btn-flickr:active,
.btn-flickr.active {
background-color: #cc006a \9;
}
.btn-foursquare {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #079dcd;
*background-color: #0072b1;
background-image: -moz-linear-gradient(top, #0cbadf, #0072b1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1));
background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1);
background-image: -o-linear-gradient(top, #0cbadf, #0072b1);
background-image: linear-gradient(to bottom, #0cbadf, #0072b1);
background-repeat: repeat-x;
border-color: #0072b1 #0072b1 #004165;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.btn-foursquare.disabled,
.btn-foursquare[disabled] {
color: #ffffff;
background-color: #0072b1;
*background-color: #006298;
}
.btn-foursquare:active,
.btn-foursquare.active {
background-color: #00517e \9;
}
.btn-renren {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #3773ab;
*background-color: #33669a;
background-image: -moz-linear-gradient(top, #397cb6, #33669a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
background-image: -o-linear-gradient(top, #397cb6, #33669a);
background-image: linear-gradient(to bottom, #397cb6, #33669a);
background-repeat: repeat-x;
border-color: #33669a #33669a #204061;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-renren:hover,
.btn-renren:focus,
.btn-renren:active,
.btn-renren.active,
.btn-renren.disabled,
.btn-renren[disabled] {
color: #ffffff;
background-color: #33669a;
*background-color: #2d5987;
}
.btn-renren:active,
.btn-renren.active {
background-color: #264d74 \9;
}
.btn-skype {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #43bbe8;
*background-color: #00aff0;
background-image: -moz-linear-gradient(top, #70c3e2, #00aff0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0));
background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0);
background-image: -o-linear-gradient(top, #70c3e2, #00aff0);
background-image: linear-gradient(to bottom, #70c3e2, #00aff0);
background-repeat: repeat-x;
border-color: #00aff0 #00aff0 #0077a3;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active,
.btn-skype.active,
.btn-skype.disabled,
.btn-skype[disabled] {
color: #ffffff;
background-color: #00aff0;
*background-color: #009cd7;
}
.btn-skype:active,
.btn-skype.active {
background-color: #008abd \9;
}
.btn-stackexchange {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #3a70b0;
*background-color: #185397;
background-image: -moz-linear-gradient(top, #5184c1, #185397);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397));
background-image: -webkit-linear-gradient(top, #5184c1, #185397);
background-image: -o-linear-gradient(top, #5184c1, #185397);
background-image: linear-gradient(to bottom, #5184c1, #185397);
background-repeat: repeat-x;
border-color: #185397 #185397 #0e2f55;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-stackexchange:hover,
.btn-stackexchange:focus,
.btn-stackexchange:active,
.btn-stackexchange.active,
.btn-stackexchange.disabled,
.btn-stackexchange[disabled] {
color: #ffffff;
background-color: #185397;
*background-color: #154781;
}
.btn-stackexchange:active,
.btn-stackexchange.active {
background-color: #113b6b \9;
}
.btn-trello {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #438ab4;
*background-color: #27709b;
background-image: -moz-linear-gradient(top, #569cc4, #27709b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b));
background-image: -webkit-linear-gradient(top, #569cc4, #27709b);
background-image: -o-linear-gradient(top, #569cc4, #27709b);
background-image: linear-gradient(to bottom, #569cc4, #27709b);
background-repeat: repeat-x;
border-color: #27709b #27709b #18445e;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-trello:hover,
.btn-trello:focus,
.btn-trello:active,
.btn-trello.active,
.btn-trello.disabled,
.btn-trello[disabled] {
color: #ffffff;
background-color: #27709b;
*background-color: #226187;
}
.btn-trello:active,
.btn-trello.active {
background-color: #1d5372 \9;
}
.btn-tumblr {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #34526e;
*background-color: #2a4763;
background-image: -moz-linear-gradient(top, #3a5976, #2a4763);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
background-image: -o-linear-gradient(top, #3a5976, #2a4763);
background-image: linear-gradient(to bottom, #3a5976, #2a4763);
background-repeat: repeat-x;
border-color: #2a4763 #2a4763 #13202d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.btn-tumblr.disabled,
.btn-tumblr[disabled] {
color: #ffffff;
background-color: #2a4763;
*background-color: #223a51;
}
.btn-tumblr:active,
.btn-tumblr.active {
background-color: #1b2d3f \9;
}
.btn-vk {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #50739a;
*background-color: #426187;
background-image: -moz-linear-gradient(top, #5a7fa6, #426187);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
background-image: -o-linear-gradient(top, #5a7fa6, #426187);
background-image: linear-gradient(to bottom, #5a7fa6, #426187);
background-repeat: repeat-x;
border-color: #426187 #426187 #293c54;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.btn-vk.disabled,
.btn-vk[disabled] {
color: #ffffff;
background-color: #426187;
*background-color: #3a5576;
}
.btn-vk:active,
.btn-vk.active {
background-color: #314865 \9;
}
.btn-weibo {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f14f4f;
*background-color: #e64141;
background-image: -moz-linear-gradient(top, #f85959, #e64141);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141));
background-image: -webkit-linear-gradient(top, #f85959, #e64141);
background-image: -o-linear-gradient(top, #f85959, #e64141);
background-image: linear-gradient(to bottom, #f85959, #e64141);
background-repeat: repeat-x;
border-color: #e64141 #e64141 #c11919;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active,
.btn-weibo.disabled,
.btn-weibo[disabled] {
color: #ffffff;
background-color: #e64141;
*background-color: #e32a2a;
}
.btn-weibo:active,
.btn-weibo.active {
background-color: #d81c1c \9;
}
.btn-xing {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #155c5d;
*background-color: #074c4d;
background-image: -moz-linear-gradient(top, #1f6768, #074c4d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d));
background-image: -webkit-linear-gradient(top, #1f6768, #074c4d);
background-image: -o-linear-gradient(top, #1f6768, #074c4d);
background-image: linear-gradient(to bottom, #1f6768, #074c4d);
background-repeat: repeat-x;
border-color: #074c4d #074c4d #010707;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-xing:hover,
.btn-xing:focus,
.btn-xing:active,
.btn-xing.active,
.btn-xing.disabled,
.btn-xing[disabled] {
color: #ffffff;
background-color: #074c4d;
*background-color: #053536;
}
.btn-xing:active,
.btn-xing.active {
background-color: #031e1e \9;
}
.btn-youtube {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #a72121;
*background-color: #6e0610;
background-image: -moz-linear-gradient(top, #cd332d, #6e0610);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
background-image: -o-linear-gradient(top, #cd332d, #6e0610);
background-image: linear-gradient(to bottom, #cd332d, #6e0610);
background-repeat: repeat-x;
border-color: #6e0610 #6e0610 #250205;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.btn-youtube.disabled,
.btn-youtube[disabled] {
color: #ffffff;
background-color: #6e0610;
*background-color: #56050c;
}
.btn-youtube:active,
.btn-youtube.active {
background-color: #3e0309 \9;
}

View File

@@ -0,0 +1,182 @@
//
// Bootstrap Social Buttons v0.2dev
// --------------------------------------------------
// The colours
// --------------------------------------------------
// Facebook colours from ???
@btnFacebookBackground: #3B5998;
@btnFacebookBackgroundHighlight: #133783;
// Twitter colours from https://twitter.com/
@btnTwitterBackground: #2daddc;
@btnTwitterBackgroundHighlight: #0271bf;
// Github colours from http://ghbtns.com/
@btnGithubBackground: #fafafa;
@btnGithubBackgroundHighlight: #e6e6e6;
@btnGithubText: #000000;
@btnGithubTextShadow: 0 0.7px 0 rgba(0,0,0,.1);
// Pinterest colours from http://pinterest.com/
@btnPinterestBackground: #d62229;
@btnPinterestBackgroundHighlight: #ab171e;
// Linkedin colours from http://www.linkedin.com/
@btnLinkedinBackground: #73b8db;
@btnLinkedinBackgroundHighlight: #4393BB;
// Google Plus colours from https://accounts.google.com/ServiceLogin?service=oz&continue=https://plus.google.com/?gpsrc%3Dgplp0%26partnerid%3Dgplp0&hl=en-GB
@btnGooglePlusBackground: #dd4b39;
@btnGooglePlusBackgroundHighlight: #c53727;
// Instagram colours from http://instagram.com
@btnInstagramBackground: #6f97b6;
@btnInstagramBackgroundHighlight: #3f729b;
// Instagram colours from http://instagram.com
@btnDropboxBackground: #37a3eb;
@btnDropboxBackgroundHighlight: #2181cf;
// Bitbucket colours from https://bitbucket.org/dashboard/overview
@btnBitbucketBackground: #2D5F9C;
@btnBitbucketBackgroundHighlight: #205081;
// Dribbble colours from https://dribbble.com/session/new
@btnDribbbleBackground: #ea4c89;
@btnDribbbleBackgroundHighlight: #CB396F;
// Flickr colours from http://www.flickr.com/about
@btnFlickrBackground: #F051A5;
@btnFlickrBackgroundHighlight: #ff0084;
// Foursquare colours from https://playfoursquare.s3.amazonaws.com/press/foursquare-brandbook.pdf
@btnFoursquareBackground: #0cbadf;
@btnFoursquareBackgroundHighlight: #0072b1;
// Renren colours from http://a.xnimg.cn/n/apps/login/v6/cssimg/bg.png
@btnRenrenBackground: #397CB6;
@btnRenrenBackgroundHighlight: #33669A;
// Skype colours from http://issuu.com/bondo/docs/skype_brand_book_-_look
@btnSkypeBackground: #70C3E2;
@btnSkypeBackgroundHighlight: #00AFF0;
// Stack Exchange colours from http://cdn.sstatic.net/stackexchange/img/sprites.png?v=8
@btnStackExchangeBackground: #5184C1;
@btnStackExchangeBackgroundHighlight: #185397;
// Trello colours from http://cdn.sstatic.net/stackexchange/img/sprites.png?v=8
@btnTrelloBackground: #569cc4;
@btnTrelloBackgroundHighlight: #27709b;
// Tumblr colours from http://assets.tumblr.com/images/background.png?a33896dcf50d40a936025aeb074d8707
@btnTumblrBackground: #3A5976;
@btnTumblrBackgroundHighlight: #2A4763;
// VK colours from http://vk.com/images/hat.gif
@btnVkBackground: #5A7FA6;
@btnVkBackgroundHighlight: #426187;
// Weibo colours from http://img.t.sinajs.cn/t5/style/images/register/form_login.png?id=1370232467958
@btnWeiboBackground: #F85959;
@btnWeiboBackgroundHighlight: #E64141;
// XING colours from https://www.xing.com/img/s/sprite_zero_r9.png
@btnXingBackground: #1F6768;
@btnXingBackgroundHighlight: #074C4D;
// Youtube colours from http://www.youtube.com/yt/brand/color.html
@btnYoutubeBackground: #CD332D;
@btnYoutubeBackgroundHighlight: #6E0610;
// The social buttons
// --------------------------------------------------
.btn-facebook {
.buttonBackground(@btnFacebookBackground, @btnFacebookBackgroundHighlight);
}
.btn-twitter {
.buttonBackground(@btnTwitterBackground, @btnTwitterBackgroundHighlight);
}
.btn-github {
.buttonBackground(@btnGithubBackground, @btnGithubBackgroundHighlight, @btnGithubText, @btnGithubTextShadow);
}
.btn-pinterest {
.buttonBackground(@btnPinterestBackground, @btnPinterestBackgroundHighlight);
}
.btn-linkedin {
.buttonBackground(@btnLinkedinBackground, @btnLinkedinBackgroundHighlight);
}
.btn-google-plus {
.buttonBackground(@btnGooglePlusBackground, @btnGooglePlusBackgroundHighlight);
}
.btn-instagram {
.buttonBackground(@btnInstagramBackground, @btnInstagramBackgroundHighlight);
}
.btn-dropbox {
.buttonBackground(@btnDropboxBackground, @btnDropboxBackgroundHighlight);
}
.btn-bitbucket {
.buttonBackground(@btnBitbucketBackground, @btnBitbucketBackgroundHighlight);
}
.btn-dribbble {
.buttonBackground(@btnDribbbleBackground, @btnDribbbleBackgroundHighlight);
}
.btn-flickr {
.buttonBackground(@btnFlickrBackground, @btnFlickrBackgroundHighlight);
}
.btn-foursquare {
.buttonBackground(@btnFoursquareBackground, @btnFoursquareBackgroundHighlight);
}
.btn-renren {
.buttonBackground(@btnRenrenBackground, @btnRenrenBackgroundHighlight);
}
.btn-skype {
.buttonBackground(@btnSkypeBackground, @btnSkypeBackgroundHighlight);
}
.btn-stackexchange {
.buttonBackground(@btnStackExchangeBackground, @btnStackExchangeBackgroundHighlight);
}
.btn-trello {
.buttonBackground(@btnTrelloBackground, @btnTrelloBackgroundHighlight);
}
.btn-tumblr {
.buttonBackground(@btnTumblrBackground, @btnTumblrBackgroundHighlight);
}
.btn-vk {
.buttonBackground(@btnVkBackground, @btnVkBackgroundHighlight);
}
.btn-weibo {
.buttonBackground(@btnWeiboBackground, @btnWeiboBackgroundHighlight);
}
.btn-xing {
.buttonBackground(@btnXingBackground, @btnXingBackgroundHighlight);
}
.btn-youtube {
.buttonBackground(@btnYoutubeBackground, @btnYoutubeBackgroundHighlight);
}