You are here

shoutbox.css in Shoutbox 7.2

Same filename and directory in other branches
  1. 5 shoutbox.css
  2. 6.2 shoutbox.css
  3. 6 shoutbox.css
  4. 7 shoutbox.css
.shoutbox-add-form .fieldset-wrapper {
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
    margin-top: 15px
}

#shoutbox-body {
    margin: 0px;
    padding: 0px;
}

#shoutbox-add-form {
    margin: 0;
}

.shoutbox-add-form .form-item {
    display: inline;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    text-align: left;
}

.shoutbox-view-form .form-submit {
    visibility: hidden;
    display: none;
}

#shoutbox-error {
    display: none;
    cursor: pointer;
    float:left;
    margin: 0px 0px 10px 0px;
}

div#shoutbox-posts {
    text-align: left;
}

div.shoutbox-msg {
    padding: 4px;
}

span.shoutbox-user-name, span.shoutbox-user-name a, span.shoutbox-user-name a:visited {
    font-weight: bold;
    color: #27609B;
}

span.shoutbox-current-user-name, span.shoutbox-current-user-name a, span.shoutbox-current-user-name a:visited {
    color: darkRed;
}

span.shoutbox-anonymous-user {
    color: #C0C000;
}

div.shoutbox-msg p {
    display: inline;
    margin: 0;
}

div.shoutbox-archive a, div.shoutbox-archive a:visited {
    text-align: center;
    color: #fff;
    background-color: #999;
    display: block;
}

div.shoutbox-archive a:hover {
    color: #fff;
    background-color: #aaa;
    text-decoration: none;
}

span.shoutbox-msg-time {
    color: #999;
    font-style: italic;
    font-size: 80%;
    padding-left: 7px;
}

.shoutbox-addinput {
    width: 100%;
}

.shoutbox-imglink {
    padding: 0px 2px 0px 2px;
    float: right;
}

.shoutbox-queue-title {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999;
    text-align: center;
}

.shoutbox-add-form .form-item-message,.shoutbox-add-form .form-type-item {
    /*    float:left;
        width:100%;*/
    margin-bottom: 4px;
}

.shoutbox-add-form input#edit-message {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.shoutbox-unpublished {
    background-color: #FEF5F1;
    border: 1px solid #ED541D;
}

#shoutbox-wait-aprroval
{
    color: #8C2E0B;
}

.shoutbox-interval-msg {
    float: left;
    font-size: 85%;
    color: #555;
}

#shoutbox-throbber {
    width: 16px;
    height: 16px;
    margin: 10px 12px 0 0;
    background: transparent url(images/throbber.gif) no-repeat;
    float: right;
    display: none;
}

.shoutbox-admin-links {
    display: none;
}

#shoutbox-add-form .form-submit {
    float: right;
    margin: 2px 2px 0 0;
}

#edit-nick{
    float: left;
    width: 30%;
    min-width: 100px;
}

#edit-nick-submit-area{
    /*width: 100%;*/
    margin-bottom: 5px;
}

/*#edit-shoutbox-replace-shout .form-disabled input{
    background:none;
    color: #3B3B3B;
}*/

#shoutbox-admin-settings #edit-shoutbox-replace-shout
{

}

#edit-shoutbox-replace-shout .description
{
    float: left;
}
#shoutbox-admin-settings .form-item-shoutbox-replace-singular,#shoutbox-admin-settings .form-item-shoutbox-replace-plural
{
    display:inline;
    float: left;
    margin-right: 10px;
}

#shoutbox-admin-settings .form-item-shoutbox-replace-plural
{
    width: 80%;
}

/****block rules****/
#block-shoutbox-shoutbox #edit-nick{
    width: auto;
}

File

shoutbox.css
View source
  1. .shoutbox-add-form .fieldset-wrapper {
  2. margin: 0 auto;
  3. padding: 0 10px;
  4. text-align: center;
  5. margin-top: 15px
  6. }
  7. #shoutbox-body {
  8. margin: 0px;
  9. padding: 0px;
  10. }
  11. #shoutbox-add-form {
  12. margin: 0;
  13. }
  14. .shoutbox-add-form .form-item {
  15. display: inline;
  16. float: left;
  17. margin-top: 0px;
  18. margin-bottom: 0px;
  19. width: 100%;
  20. text-align: left;
  21. }
  22. .shoutbox-view-form .form-submit {
  23. visibility: hidden;
  24. display: none;
  25. }
  26. #shoutbox-error {
  27. display: none;
  28. cursor: pointer;
  29. float:left;
  30. margin: 0px 0px 10px 0px;
  31. }
  32. div#shoutbox-posts {
  33. text-align: left;
  34. }
  35. div.shoutbox-msg {
  36. padding: 4px;
  37. }
  38. span.shoutbox-user-name, span.shoutbox-user-name a, span.shoutbox-user-name a:visited {
  39. font-weight: bold;
  40. color: #27609B;
  41. }
  42. span.shoutbox-current-user-name, span.shoutbox-current-user-name a, span.shoutbox-current-user-name a:visited {
  43. color: darkRed;
  44. }
  45. span.shoutbox-anonymous-user {
  46. color: #C0C000;
  47. }
  48. div.shoutbox-msg p {
  49. display: inline;
  50. margin: 0;
  51. }
  52. div.shoutbox-archive a, div.shoutbox-archive a:visited {
  53. text-align: center;
  54. color: #fff;
  55. background-color: #999;
  56. display: block;
  57. }
  58. div.shoutbox-archive a:hover {
  59. color: #fff;
  60. background-color: #aaa;
  61. text-decoration: none;
  62. }
  63. span.shoutbox-msg-time {
  64. color: #999;
  65. font-style: italic;
  66. font-size: 80%;
  67. padding-left: 7px;
  68. }
  69. .shoutbox-addinput {
  70. width: 100%;
  71. }
  72. .shoutbox-imglink {
  73. padding: 0px 2px 0px 2px;
  74. float: right;
  75. }
  76. .shoutbox-queue-title {
  77. font-weight: bold;
  78. color: #FFFFFF;
  79. background-color: #999;
  80. text-align: center;
  81. }
  82. .shoutbox-add-form .form-item-message,.shoutbox-add-form .form-type-item {
  83. /* float:left;
  84. width:100%;*/
  85. margin-bottom: 4px;
  86. }
  87. .shoutbox-add-form input#edit-message {
  88. display: block;
  89. width: 100%;
  90. box-sizing: border-box;
  91. }
  92. .shoutbox-unpublished {
  93. background-color: #FEF5F1;
  94. border: 1px solid #ED541D;
  95. }
  96. #shoutbox-wait-aprroval
  97. {
  98. color: #8C2E0B;
  99. }
  100. .shoutbox-interval-msg {
  101. float: left;
  102. font-size: 85%;
  103. color: #555;
  104. }
  105. #shoutbox-throbber {
  106. width: 16px;
  107. height: 16px;
  108. margin: 10px 12px 0 0;
  109. background: transparent url(images/throbber.gif) no-repeat;
  110. float: right;
  111. display: none;
  112. }
  113. .shoutbox-admin-links {
  114. display: none;
  115. }
  116. #shoutbox-add-form .form-submit {
  117. float: right;
  118. margin: 2px 2px 0 0;
  119. }
  120. #edit-nick{
  121. float: left;
  122. width: 30%;
  123. min-width: 100px;
  124. }
  125. #edit-nick-submit-area{
  126. /*width: 100%;*/
  127. margin-bottom: 5px;
  128. }
  129. /*#edit-shoutbox-replace-shout .form-disabled input{
  130. background:none;
  131. color: #3B3B3B;
  132. }*/
  133. #shoutbox-admin-settings #edit-shoutbox-replace-shout
  134. {
  135. }
  136. #edit-shoutbox-replace-shout .description
  137. {
  138. float: left;
  139. }
  140. #shoutbox-admin-settings .form-item-shoutbox-replace-singular,#shoutbox-admin-settings .form-item-shoutbox-replace-plural
  141. {
  142. display:inline;
  143. float: left;
  144. margin-right: 10px;
  145. }
  146. #shoutbox-admin-settings .form-item-shoutbox-replace-plural
  147. {
  148. width: 80%;
  149. }
  150. /****block rules****/
  151. #block-shoutbox-shoutbox #edit-nick{
  152. width: auto;
  153. }