You are here

shoutbox.css in Shoutbox 5

Same filename and directory in other branches
  1. 6.2 shoutbox.css
  2. 6 shoutbox.css
  3. 7.2 shoutbox.css
  4. 7 shoutbox.css
#shoutbox-body {
    font-size : xx-small;
    margin: 0px;
    padding: 2px;
    border: 1px solid #bbb;
    overflow: auto;
}

/* override drupal.css values */
.shoutbox-add-form .form-item {
    margin-top: 0em;
    margin-bottom: 0em;
}

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

/* 
shoutbox block: main divs 
*/
div#shoutbox-posts {
    text-align: left;
}

div.shoutbox-msg {
    color: #000000;
    font-size : xx-small;
    padding: 5px 0px 5px 0px;
}

div.shoutbox-add-form {	
    text-align: center;
    margin: 3px 0 0 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;
}

/* 
shoutbox box: nested elements 
*/
div.shoutbox-even {
    color : #000000;
    background-color : #eee;
    width: 100%;
}

div.shoutbox-odd {
    color : #000000;
    background-color : #fff;
    width: 100%;
}

.shoutbox-addinput {
    width: 100%;
}

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

/*
other shoutbox pages
*/
.shoutbox-add-form input.form-text {
    width: 95%;
}

.shoutbox-add-form input.textarea {
    width: 95%;
}

.shoutbox-unpublished {
    background-color: #f00;
}

#shoutbox-throbber {
    width: 16px;
    height: 16px;
    margin: 2px;
    margin-left: 40%; 
    background: transparent url(throbber.gif) no-repeat;
}

/*
 * Image replacement
 *
 */
div.shoutbox-msg a.edit-shout,
div.shoutbox-msg a.delete-shout,
div.shoutbox-msg a.publish-shout,
div.shoutbox-msg a.unpublish-shout
{
    display: block;
    float: right;
    padding-right: 1px;   
}

div.shoutbox-msg a.edit-shout {
    text-indent: -5000px;
    background: url(icon_edit.gif) no-repeat;
    height: 15px; 
    width: 15px;
}

div.shoutbox-msg a.delete-shout {
    text-indent: -5000px;
    background: url(icon_delete.gif) no-repeat;
    height: 15px; 
    width: 15px;
}

div.shoutbox-msg a.publish-shout {
    text-indent: -5000px;
    background: url(thumb_up.gif) no-repeat;
    height: 15px; 
    width: 15px;
}

div.shoutbox-msg a.unpublish-shout {
    text-indent: -5000px;
    background: url(thumb_down.gif) no-repeat;
    height: 15px; 
    width: 15px;
}

File

shoutbox.css
View source
  1. #shoutbox-body {
  2. font-size : xx-small;
  3. margin: 0px;
  4. padding: 2px;
  5. border: 1px solid #bbb;
  6. overflow: auto;
  7. }
  8. /* override drupal.css values */
  9. .shoutbox-add-form .form-item {
  10. margin-top: 0em;
  11. margin-bottom: 0em;
  12. }
  13. .shoutbox-view-form .form-submit {
  14. visibility: hidden;
  15. display:none;
  16. }
  17. /*
  18. shoutbox block: main divs
  19. */
  20. div#shoutbox-posts {
  21. text-align: left;
  22. }
  23. div.shoutbox-msg {
  24. color: #000000;
  25. font-size : xx-small;
  26. padding: 5px 0px 5px 0px;
  27. }
  28. div.shoutbox-add-form {
  29. text-align: center;
  30. margin: 3px 0 0 0;
  31. }
  32. div.shoutbox-archive a, div.shoutbox-archive a:visited {
  33. text-align: center;
  34. color: #fff;
  35. background-color: #999;
  36. display: block;
  37. }
  38. div.shoutbox-archive a:hover {
  39. color: #fff;
  40. background-color: #aaa;
  41. text-decoration: none;
  42. }
  43. /*
  44. shoutbox box: nested elements
  45. */
  46. div.shoutbox-even {
  47. color : #000000;
  48. background-color : #eee;
  49. width: 100%;
  50. }
  51. div.shoutbox-odd {
  52. color : #000000;
  53. background-color : #fff;
  54. width: 100%;
  55. }
  56. .shoutbox-addinput {
  57. width: 100%;
  58. }
  59. .shoutbox-queue-title {
  60. font-weight: bold;
  61. color: #FFFFFF;
  62. background-color: #999;
  63. text-align: center;
  64. }
  65. /*
  66. other shoutbox pages
  67. */
  68. .shoutbox-add-form input.form-text {
  69. width: 95%;
  70. }
  71. .shoutbox-add-form input.textarea {
  72. width: 95%;
  73. }
  74. .shoutbox-unpublished {
  75. background-color: #f00;
  76. }
  77. #shoutbox-throbber {
  78. width: 16px;
  79. height: 16px;
  80. margin: 2px;
  81. margin-left: 40%;
  82. background: transparent url(throbber.gif) no-repeat;
  83. }
  84. /*
  85. * Image replacement
  86. *
  87. */
  88. div.shoutbox-msg a.edit-shout,
  89. div.shoutbox-msg a.delete-shout,
  90. div.shoutbox-msg a.publish-shout,
  91. div.shoutbox-msg a.unpublish-shout
  92. {
  93. display: block;
  94. float: right;
  95. padding-right: 1px;
  96. }
  97. div.shoutbox-msg a.edit-shout {
  98. text-indent: -5000px;
  99. background: url(icon_edit.gif) no-repeat;
  100. height: 15px;
  101. width: 15px;
  102. }
  103. div.shoutbox-msg a.delete-shout {
  104. text-indent: -5000px;
  105. background: url(icon_delete.gif) no-repeat;
  106. height: 15px;
  107. width: 15px;
  108. }
  109. div.shoutbox-msg a.publish-shout {
  110. text-indent: -5000px;
  111. background: url(thumb_up.gif) no-repeat;
  112. height: 15px;
  113. width: 15px;
  114. }
  115. div.shoutbox-msg a.unpublish-shout {
  116. text-indent: -5000px;
  117. background: url(thumb_down.gif) no-repeat;
  118. height: 15px;
  119. width: 15px;
  120. }