You are here

securesite.css in Secure Site 7.2

Same filename and directory in other branches
  1. 8 theme/securesite.css
  2. 6.2 theme/securesite.css
html {
  background: white;
}

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 76%;
  text-align: center;
  width: 30em;
  margin: 5em auto;
  border: 1px #BBB solid;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 1em;
  background: #EEE;
  color: black;
}

#logo img {
  max-width: 30em;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.error {
  color: red;
}

.status {
  color: #3a3;
}

.messages {
  text-align: center;
}

form .messages, .messages ul {
  text-align: left;
}

h1 {
  margin-top: 0;
  text-align: center;
}

form {
  text-align: right;
  margin: 0;
}

form p {
  font-weight: bold;
  text-align: left;
}

div.form-item {
  margin: 1em 0;
}

div.form-item .description {
  font-size: 0.85em;
  line-height: 150%;
}

label {
  display: inline;
}

input {
  width: 12em;
}

input.form-submit {
  margin-bottom: 6px;
}

hr {
  margin: 12px 0;
}

#securesite-user-login .item-list ul {
  list-style-type: none;
  float: right;
  margin: 0;
}

#securesite-user-login span {
  display: block;
  clear: both;
}

html.js #securesite-user-login div#edit-openid-identifier-wrapper {
  display: none;
}

html.js #securesite-user-login li.openid-link {
  line-height: 170%;
  padding: 0 0 0.2em 1.5em;
  display: block;
}

#securesite-user-login li.openid-link, #securesite-user-login li.user-link {
  display: none;
}

File

theme/securesite.css
View source
  1. html {
  2. background: white;
  3. }
  4. body {
  5. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  6. font-size: 76%;
  7. text-align: center;
  8. width: 30em;
  9. margin: 5em auto;
  10. border: 1px #BBB solid;
  11. -webkit-border-radius: 1em;
  12. -moz-border-radius: 1em;
  13. border-radius: 1em;
  14. padding: 1em;
  15. background: #EEE;
  16. color: black;
  17. }
  18. #logo img {
  19. max-width: 30em;
  20. }
  21. a:link, a:visited {
  22. text-decoration: none;
  23. }
  24. a:hover {
  25. text-decoration: underline;
  26. }
  27. .error {
  28. color: red;
  29. }
  30. .status {
  31. color: #3a3;
  32. }
  33. .messages {
  34. text-align: center;
  35. }
  36. form .messages, .messages ul {
  37. text-align: left;
  38. }
  39. h1 {
  40. margin-top: 0;
  41. text-align: center;
  42. }
  43. form {
  44. text-align: right;
  45. margin: 0;
  46. }
  47. form p {
  48. font-weight: bold;
  49. text-align: left;
  50. }
  51. div.form-item {
  52. margin: 1em 0;
  53. }
  54. div.form-item .description {
  55. font-size: 0.85em;
  56. line-height: 150%;
  57. }
  58. label {
  59. display: inline;
  60. }
  61. input {
  62. width: 12em;
  63. }
  64. input.form-submit {
  65. margin-bottom: 6px;
  66. }
  67. hr {
  68. margin: 12px 0;
  69. }
  70. #securesite-user-login .item-list ul {
  71. list-style-type: none;
  72. float: right;
  73. margin: 0;
  74. }
  75. #securesite-user-login span {
  76. display: block;
  77. clear: both;
  78. }
  79. html.js #securesite-user-login div#edit-openid-identifier-wrapper {
  80. display: none;
  81. }
  82. html.js #securesite-user-login li.openid-link {
  83. line-height: 170%;
  84. padding: 0 0 0.2em 1.5em;
  85. display: block;
  86. }
  87. #securesite-user-login li.openid-link, #securesite-user-login li.user-link {
  88. display: none;
  89. }