RumbleTalk CSS Documentation

Dialog Box (Login)

1   .dialog

.dialog { min-width: 310px; }

2   .close-button::after

.close-button::after { content: 'X'; }

3   .dialog-content

.dialog-content { padding: 10px; }

4   .dialog-content>b.dialog-title

.dialog-content>b.dialog-title { text-align: left; }

Guest Button

1   .login-guest

.login-guest { background-color: #989898; color: #fff; }

2   #login-guest::before

#login-guest::before { background-image: url('https://d1pfint8izqszg.cloudfront.net/images/skins/general/logins/guest-button.png'); border-radius: 50%; }

3   #login-guest span

#login-guest span, #login-rumbletalk span, .login-twitter span, .login-facebook span { display: inline-block; margin: 0 25px; padding: 5px 9px; }

Facebook Button

1   .login-facebook

.login-facebook { background-color: #3b5b9b; color: #fff; }

2   .login-facebook::before

.login-facebook::before { background-image: url('https://d1pfint8izqszg.cloudfront.net/images/skins/general/logins/facebook.png'); }

3   .login-facebook span

#login-guest span, #login-rumbletalk span, .login-twitter span, .login-facebook span { display: inline-block; margin: 0 25px; padding: 5px 9px; }

Twitter Button

1   .login-twitter

.login-twitter { background-color: #2faae1; color: #fff; }

2   .login-twitter::before

.login-twitter::before { background-image: url('https://d1pfint8izqszg.cloudfront.net/images/skins/general/logins/twitter.png'); }

3   .login-twitter span

#login-guest span, #login-rumbletalk span, .login-twitter span, .login-facebook span { display: inline-block; margin: 0 25px; padding: 5px 9px; }

Username Button

1   #login-rumbletalk

#login-rumbletalk { background-color: #75ac42; color: #fff; }

2   #login-rumbletalk::before

#login-rumbletalk::before { background-image: url('https://d1pfint8izqszg.cloudfront.net/images/skins/general/logins/rumbletalk.png'); }

3   #login-rumbletalk span

#login-guest span, #login-rumbletalk span, .login-twitter span, .login-facebook span { display: inline-block; margin: 0 25px; padding: 5px 9px; }

#register

#register { background-color: transparent; color: #1890f9; }