You are here

shoutbox.css in Shoutbox 7

Same filename and directory in other branches
  1. 5 shoutbox.css
  2. 6.2 shoutbox.css
  3. 6 shoutbox.css
  4. 7.2 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. color: #8C2E0B;
  98. }
  99. .shoutbox-interval-msg {
  100. float: left;
  101. font-size: 85%;
  102. color: #555;
  103. }
  104. #shoutbox-throbber {
  105. width: 16px;
  106. height: 16px;
  107. margin: 10px 12px 0 0;
  108. background: transparent url(images/throbber.gif) no-repeat;
  109. float: right;
  110. display: none;
  111. }
  112. .shoutbox-admin-links {
  113. display: none;
  114. }
  115. #shoutbox-add-form .form-submit {
  116. float: right;
  117. margin: 2px 2px 0 0;
  118. }
  119. #edit-nick {
  120. float: left;
  121. width: 30%;
  122. min-width: 100px;
  123. }
  124. #edit-nick-submit-area {
  125. /*width: 100%;*/
  126. margin-bottom: 5px;
  127. }
  128. /*#edit-shoutbox-replace-shout .form-disabled input{
  129. background:none;
  130. color: #3B3B3B;
  131. }*/
  132. #shoutbox-admin-settings #edit-shoutbox-replace-shout {
  133. }
  134. #edit-shoutbox-replace-shout .description {
  135. float: left;
  136. }
  137. #shoutbox-admin-settings .form-item-shoutbox-replace-singular, #shoutbox-admin-settings .form-item-shoutbox-replace-plural {
  138. display: inline;
  139. float: left;
  140. margin-right: 10px;
  141. }
  142. #shoutbox-admin-settings .form-item-shoutbox-replace-plural {
  143. width: 80%;
  144. }
  145. /****block rules****/
  146. #block-shoutbox-shoutbox #edit-nick {
  147. width: auto;
  148. }