mgr23.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. .seopro-panel{
  2. background-color: #fff;
  3. border: #e4e4e4 1px solid;
  4. border-radius: 2px;
  5. padding: 2px 3px;
  6. }
  7. .seopro-counter{
  8. position: absolute;
  9. z-index: 2;
  10. top: -22px;
  11. right: 0;
  12. text-align: right;
  13. font-size: 12px;
  14. line-height: 20px;
  15. display: block;
  16. }
  17. .seopro-counter-wrap{
  18. background: #FBFBFB;
  19. border: 1px #e4e4e4 solid;
  20. border-bottom: none;
  21. text-align: center;
  22. border-radius: 8px 8px 0 0;
  23. padding: 4px 11px 0 14px;
  24. line-height: 18px;
  25. float: left;
  26. margin-left: 5px;
  27. display: block;
  28. }
  29. #modx-resource-pagetitle, #modx-resource-longtitle, #modx-resource-description, #modx-resource-alias, #modx-resource-menutitle {
  30. border-top-right-radius: 0;
  31. }
  32. .x-form-focus + .seopro-counter .seopro-counter-wrap{
  33. background-color: #FBFBFB;
  34. border-color: #2d86b7;
  35. border-bottom-color: #FBFBFB;
  36. }
  37. .x-form-invalid + .seopro-counter .seopro-counter-wrap{
  38. border-color: #be0000 !important;
  39. }
  40. .x-form-item.x-tab-item{
  41. position: relative;
  42. }
  43. #seopro-google-logo{
  44. text-align: center;
  45. }
  46. #seopro-google-logo img{
  47. width: 70%;
  48. }
  49. .x-form-label-top .x-form-item {
  50. margin-top: 3px;
  51. }
  52. #seopro-google-title {
  53. color: #1A0DAB;
  54. font-size: 18px;
  55. white-space: nowrap;
  56. width: 520px;
  57. font-family: Arial, Helvetica, sans-serif;
  58. text-overflow: ellipsis;
  59. overflow: hidden;
  60. background-repeat: no-repeat;
  61. background-size: 0;
  62. }
  63. #seopro-google-title.yandex {
  64. color: #00c;
  65. padding-left: 20px;
  66. background-position: 0 4px;
  67. background-size: auto;
  68. }
  69. #seopro-google-url{
  70. color: #006621;
  71. margin-bottom: 1px;
  72. }
  73. #seopro-google-url.yandex {
  74. color: #070;
  75. padding-left: 20px;
  76. }
  77. #seopro-google-description{
  78. font-size: 13px;
  79. color: #545454;
  80. line-height: 1.4;
  81. word-wrap: break-word;
  82. font-family: arial, sans-serif;
  83. }
  84. #seopro-google-description.yandex {
  85. padding-left: 20px;
  86. }
  87. .seopro-counter .green{
  88. color: #919191 !important;
  89. }
  90. .seopro-counter .red{
  91. color: #707070 !important;
  92. }
  93. .seopro-counter-keywords.green{
  94. background: url(../img/thumb-up.png) no-repeat 10px 3px #FBFBFB;
  95. }
  96. .seopro-counter-keywords.red{
  97. background: url(../img/thumb-down.png) no-repeat 10px 4px #FBFBFB;
  98. }
  99. #seopro-resource-alias .seopro-counter-chars, #seopro-resource-menutitle .seopro-counter-chars{
  100. display: none;
  101. }
  102. .seopro-counter-keywords{
  103. padding-left: 30px;
  104. }
  105. .x-btn-seopro button{
  106. /* background-image: url(../img/tips.png);
  107. background-position: 0px 0px !important;*/
  108. color:#ccc !important;
  109. text-shadow:0 1px -1px #111 !important;
  110. }
  111. .x-btn-seopro button:hover{
  112. color: #f2f2f2 !important;
  113. }
  114. .x-btn-seopro{
  115. background:-webkit-gradient( linear,left bottom,left top,color-stop(0.32,#555),color-stop(0.69,#666),color-stop(0,#555) );
  116. border:1px solid #1E1E1E;
  117. margin-left: 10px;
  118. }
  119. .seopro-counter-chars.red {
  120. color: #D80000 !important;
  121. }
  122. .seopro-counter .current {
  123. text-align: right;
  124. margin-right: 1px;
  125. display: inline-block;
  126. width: 21px;
  127. }
  128. .seopro-counter .allowed {
  129. width: 21px;
  130. display: inline-block;
  131. text-align: left;
  132. }