CSS   19

general css

Guest on 12th May 2022 09:41:41 AM

  1. /**
  2.  * @copyright   Copyright (C) Open Source Matters, Inc. All rights reserved.
  3.  * @license             GNU General Public License version 2 or later; see LICENSE.txt
  4.  */
  5.  
  6. /* Form validation */
  7. .invalid { border-color: #ff0000; }
  8. label.invalid { color: #ff0000; }
  9.  
  10. /* Buttons */
  11. #editor-xtd-buttons {
  12.         padding: 5px;
  13. }
  14.  
  15. .button2-left,
  16. .button2-right,
  17. .button2-left div,
  18. .button2-right div {
  19.         float: left;
  20. }
  21.  
  22. .button2-left a,
  23. .button2-right a,
  24. .button2-left span,
  25. .button2-right span {
  26.         display: block;
  27.         height: 22px;
  28.         float: left;
  29.         line-height: 22px;
  30.         font-size: 11px;
  31.         color: #666;
  32.         cursor: pointer;
  33. }
  34.  
  35. .button2-left span,
  36. .button2-right span {
  37.         cursor: default;
  38.         color: #999;
  39. }
  40.  
  41. .button2-left .page a,
  42. .button2-right .page a,
  43. .button2-left .page span,
  44. .button2-right .page span {
  45.         padding: 0 6px;
  46. }
  47.  
  48. .page span {
  49.         color: #000;
  50.         font-weight: bold;
  51. }
  52.  
  53. .button2-left a:hover,
  54. .button2-right a:hover {
  55.         text-decoration: none;
  56.         color: #0B55C4;
  57. }
  58.  
  59. .button2-left a,
  60. .button2-left span {
  61.         padding: 0 24px 0 6px;
  62. }
  63.  
  64. .button2-right a,
  65. .button2-right span {
  66.         padding: 0 6px 0 24px;
  67. }
  68.  
  69. .button2-left {
  70.         background: url(../images/j_button2_left.png) no-repeat;
  71.         float: left;
  72.         margin-left: 5px;
  73. }
  74.  
  75. .button2-right {
  76.         background: url(../images/j_button2_right.png) 100% 0 no-repeat;
  77.         float: left;
  78.         margin-left: 5px;
  79. }
  80.  
  81. .button2-left .image {
  82.         background: url(../images/j_button2_image.png) 100% 0 no-repeat;
  83. }
  84.  
  85. .button2-left .readmore,
  86. .button2-left .article {
  87.         background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
  88. }
  89.  
  90. .button2-left .pagebreak {
  91.         background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
  92. }
  93.  
  94. .button2-left .blank {
  95.         background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
  96. }
  97.  
  98. /* Tooltips */
  99. div.tooltip {
  100.         float: left;
  101.         background: #ffc;
  102.         border: 1px solid #D4D5AA;
  103.         padding: 5px;
  104.         max-width: 200px;
  105.         z-index:13000;
  106. }
  107.  
  108. div.tooltip h4 {
  109.         padding: 0;
  110.         margin: 0;
  111.         font-size: 95%;
  112.         font-weight: bold;
  113.         margin-top: -15px;
  114.         padding-top: 15px;
  115.         padding-bottom: 5px;
  116.         background: url(../images/selector-arrow.png) no-repeat;
  117. }
  118.  
  119. div.tooltip p {
  120.         font-size: 90%;
  121.         margin: 0;
  122. }
  123.  
  124. /* Caption fixes */
  125. /* Caption fixes */
  126. .img_caption .left {
  127.         float: left;
  128.         margin-right: 1em;
  129. }
  130.  
  131. .img_caption .right {
  132.         float: right;
  133.         margin-left: 1em;
  134. }
  135.  
  136. .img_caption .left p {
  137.         clear: left;
  138.         text-align: center;
  139. }
  140.  
  141. .img_caption .right p {
  142.         clear: right;
  143.         text-align: center;
  144. }
  145.  
  146. .img_caption  {
  147.         text-align: center!important;
  148. }
  149.  
  150. .img_caption.none {
  151.         margin-left:auto;
  152.         margin-right:auto;
  153. }
  154.  
  155.  
  156. /* Calendar */
  157. a img.calendar {
  158.         width: 16px;
  159.         height: 16px;
  160.         margin-left: 3px;
  161.         background: url(../images/calendar.png) no-repeat;
  162.         cursor: pointer;
  163.         vertical-align: middle;
  164. }

Raw Paste


Login or Register to edit or fork this paste. It's free.