You are here

Home » API reference » LoginToboggan 7

logintoboggan.css in LoginToboggan 7

Same filename and directory in other branches
  1. 5 logintoboggan.css
  2. 6 logintoboggan.css
div.toboggan-container {
  text-align: center;
}

div.toboggan-login-link-container {
  text-align: left;
}

div.toboggan-login-link-container a {
  text-decoration: none;
}

div.toboggan-block-message {
  text-align: left;
}

div.user-login-block {
  text-align: left;
}

div.user-login-block a {
  text-align: left;
}

/* Unified login */

.toboggan-unified #login-message {
  text-align: center;
  font-size: 2em;
  line-height: 1.2;
}

.toboggan-unified #login-links {
  text-align: center;
  font-size: 1.5em;
  line-height: 2.7;
}

.toboggan-unified #login-links a {
  padding: .5em;
  border: 1px #666 solid;
  background-color: #EEE;
}

.toboggan-unified #login-links a:hover {
  background-color: #DDD;
}

.toboggan-unified #login-links a.lt-active,
.toboggan-unified #login-links a.lt-active:hover {
  background-color: #FFF19A;
  border: 2px #333 solid;
}

.toboggan-unified.login #register-form {
  display: none;
}

.toboggan-unified.register #login-form {
  display: none;
}

File

logintoboggan.css
View source 
  1. 

  2. div.toboggan-container {

  3.   text-align: center;

  4. }

  5. 

  6. div.toboggan-login-link-container {

  7.   text-align: left;

  8. }

  9. 

  10. div.toboggan-login-link-container a {

  11.   text-decoration: none;

  12. }

  13. 

  14. div.toboggan-block-message {

  15.   text-align: left;

  16. }

  17. 

  18. div.user-login-block {

  19.   text-align: left;

  20. }

  21. 

  22. div.user-login-block a {

  23.   text-align: left;

  24. }

  25. 

  26. /* Unified login */

  27. 

  28. .toboggan-unified #login-message {

  29.   text-align: center;

  30.   font-size: 2em;

  31.   line-height: 1.2;

  32. }

  33. 

  34. .toboggan-unified #login-links {

  35.   text-align: center;

  36.   font-size: 1.5em;

  37.   line-height: 2.7;

  38. }

  39. 

  40. .toboggan-unified #login-links a {

  41.   padding: .5em;

  42.   border: 1px #666 solid;

  43.   background-color: #EEE;

  44. }

  45. 

  46. .toboggan-unified #login-links a:hover {

  47.   background-color: #DDD;

  48. }

  49. 

  50. .toboggan-unified #login-links a.lt-active,

  51. .toboggan-unified #login-links a.lt-active:hover {

  52.   background-color: #FFF19A;

  53.   border: 2px #333 solid;

  54. }

  55. 

  56. .toboggan-unified.login #register-form {

  57.   display: none;

  58. }

  59. 

  60. .toboggan-unified.register #login-form {

  61.   display: none;

  62. }

  63.