You are here

base.css in Lingotek Translation 7.4

.lingotek-highlight {
  background-color: #ecf2f9 !important;
}

#navbar-link-admin-settings-lingotek::before {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ico_chevs_dd.png");
}

.ltk-icon {
}

.ltk-icon:hover {
    text-decoration: none;
    color: #00348D;
}

/*#lingotek-navbar-tab {
  margin-top: 8px;
  color: black;
  float: right;
}

#lingotek-navbar-tab .ddTitle {
  height: 23px;
}*/

div.form-item-create-lingotek-document-workbench-moderation, div.form-item-sync-method-workbench-moderation {
  margin-left: 50px;
}

/*div.form-item-create-lingotek-document-workbench-moderation label, div.form-item-syncMethod-wb label {
  font-weight: normal !important;
}*/

div.form-item.form-item-lingotek-create-documents-by-default-workbench-moderation,
div.form-item.form-item-wb-options {
  margin-left: 50px;
}

#edit-wb-select {
  margin-left: 50px;
}

/* Settings/Setup - Content Types Table */

.lingotek-content-settings-table td div {
  float: left;
  padding-right: 15px !important;
}

input.lingotek-content-settings-table.form-checkbox {
  margin: 0px;
}

#lingotek-profiles {
  width: auto;
}

/* Bulk Grid */

#lingotek-bulk-grid-form #edit-header-fieldset .form-item {
  float:left;
  margin-left: 15px;
}

#modal-content #edit-filters .form-item {
}

#modal-content #edit-filter-buttons {
  clear: both;
}

.form-item.form-item-actions-select {
  padding: 0px;
}

.form-item-actions-select label, .form-item-search label {
  display: inline;
}

.form-item-search-type, .form-item-search, .form-item-search-submit {
  display: inline;
}

.lingotek-action {
  float: right;
  font-size: 125%;
  margin-left: 20px;
  margin-top: 30px;
  color: #666;
}

.lingotek-action:hover {
  color: #333;
  text-decoration: none;
}

#grid-result-summary {
  color: #666;
}

#page-limit {
  text-align: center;
}

.form-item-limit-select {
  display: inline;
}

#edit-grid-container .table-select-processed {
  clear: both;
}
#edit-grid-container > .grid-empty {
  clear: both;
  padding: 25px;
  background: #f3f3f3;
  border: #aaa;
}

#edit-custom-columns {
    columns:100px 2;
    -webkit-columns:100px 2;
    -moz-columns:100px 2;
}

.language-icon {
  background-color:#80a49e;
  border-radius: 3px;
  margin-right: 3px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff !important;
  white-space: nowrap;
}

.language-icon.target-pending {
  background-color: #CE2029;
}

.language-icon.target-current {
  background-color:#48C;
}

.language-icon.target-ready {
  background-color:#59ad1a;
}

.language-icon.target-edited {
  background-color:#999;
}

.ltk-complete-check {
    color: green;
    font-size: 150%;
}

.ltk-download {
    color: #59ad1a;
}
.ltk-download:hover {
    color: green;
}

.ltk-refresh {
    color: #CE2029;
}
.ltk-refresh:hover {
    color: darkred;
}

.ltk-muted {
    color: #666;
}

.no-localized-title, .no-localized-title a {
  color: #444;
  /*font-style: italic;*/
}

.lingotek-node-actions, .lingotek-language-source i {
  font-size: 150%;
  white-space: nowrap;
}
.lingotek-node-actions a:hover {
    text-decoration: none;
    color: #00348D;
}

a.ltk-action:hover {
    text-decoration: none;
    color: #00348D;
}

#edit-grid-container i.lingotek-disabled {
  color: #AAA;
}

.ltk-upload-button {
  color: #0074BD;
  cursor: pointer;
}

.ltk-upload-button:hover {
  color: #00348D;
}

.node-configuration {
  color: #48C;
}

#edit-settings-link, #reset-translations-link, #change-workflow-link {
  display: none;
}

.lingotek-progress {
  background-color: #F7F7F7;
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat: repeat-x;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 20px;
  overflow: hidden;
  position: relative;
}

.lingotek-progress .bar {
  -moz-box-sizing: border-box;
  margin: 0;
  background-color: #0E90D2;
  background-image: linear-gradient(to bottom, #149BDF, #0480BE);
  background-repeat: repeat-x;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #FFFFFF;
  float: left;
  font-size: 12px;
  height: 100%;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  transition: width 0.6s ease 0s;
  width: 0;
}


.lingotek-progress .percent {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 100%;
  padding-top: 1px;
}

.bold-row td {
  background-color: #CCCCCC
}

File

style/base.css
View source
  1. .lingotek-highlight {
  2. background-color: #ecf2f9 !important;
  3. }
  4. #navbar-link-admin-settings-lingotek::before {
  5. background-attachment: scroll;
  6. background-color: transparent;
  7. background-position: center center;
  8. background-repeat: no-repeat;
  9. background-image: url("../images/ico_chevs_dd.png");
  10. }
  11. .ltk-icon {
  12. }
  13. .ltk-icon:hover {
  14. text-decoration: none;
  15. color: #00348D;
  16. }
  17. /*#lingotek-navbar-tab {
  18. margin-top: 8px;
  19. color: black;
  20. float: right;
  21. }
  22. #lingotek-navbar-tab .ddTitle {
  23. height: 23px;
  24. }*/
  25. div.form-item-create-lingotek-document-workbench-moderation, div.form-item-sync-method-workbench-moderation {
  26. margin-left: 50px;
  27. }
  28. /*div.form-item-create-lingotek-document-workbench-moderation label, div.form-item-syncMethod-wb label {
  29. font-weight: normal !important;
  30. }*/
  31. div.form-item.form-item-lingotek-create-documents-by-default-workbench-moderation,
  32. div.form-item.form-item-wb-options {
  33. margin-left: 50px;
  34. }
  35. #edit-wb-select {
  36. margin-left: 50px;
  37. }
  38. /* Settings/Setup - Content Types Table */
  39. .lingotek-content-settings-table td div {
  40. float: left;
  41. padding-right: 15px !important;
  42. }
  43. input.lingotek-content-settings-table.form-checkbox {
  44. margin: 0px;
  45. }
  46. #lingotek-profiles {
  47. width: auto;
  48. }
  49. /* Bulk Grid */
  50. #lingotek-bulk-grid-form #edit-header-fieldset .form-item {
  51. float:left;
  52. margin-left: 15px;
  53. }
  54. #modal-content #edit-filters .form-item {
  55. }
  56. #modal-content #edit-filter-buttons {
  57. clear: both;
  58. }
  59. .form-item.form-item-actions-select {
  60. padding: 0px;
  61. }
  62. .form-item-actions-select label, .form-item-search label {
  63. display: inline;
  64. }
  65. .form-item-search-type, .form-item-search, .form-item-search-submit {
  66. display: inline;
  67. }
  68. .lingotek-action {
  69. float: right;
  70. font-size: 125%;
  71. margin-left: 20px;
  72. margin-top: 30px;
  73. color: #666;
  74. }
  75. .lingotek-action:hover {
  76. color: #333;
  77. text-decoration: none;
  78. }
  79. #grid-result-summary {
  80. color: #666;
  81. }
  82. #page-limit {
  83. text-align: center;
  84. }
  85. .form-item-limit-select {
  86. display: inline;
  87. }
  88. #edit-grid-container .table-select-processed {
  89. clear: both;
  90. }
  91. #edit-grid-container > .grid-empty {
  92. clear: both;
  93. padding: 25px;
  94. background: #f3f3f3;
  95. border: #aaa;
  96. }
  97. #edit-custom-columns {
  98. columns:100px 2;
  99. -webkit-columns:100px 2;
  100. -moz-columns:100px 2;
  101. }
  102. .language-icon {
  103. background-color:#80a49e;
  104. border-radius: 3px;
  105. margin-right: 3px;
  106. padding: 2px;
  107. padding-left: 5px;
  108. padding-right: 5px;
  109. color: #fff !important;
  110. white-space: nowrap;
  111. }
  112. .language-icon.target-pending {
  113. background-color: #CE2029;
  114. }
  115. .language-icon.target-current {
  116. background-color:#48C;
  117. }
  118. .language-icon.target-ready {
  119. background-color:#59ad1a;
  120. }
  121. .language-icon.target-edited {
  122. background-color:#999;
  123. }
  124. .ltk-complete-check {
  125. color: green;
  126. font-size: 150%;
  127. }
  128. .ltk-download {
  129. color: #59ad1a;
  130. }
  131. .ltk-download:hover {
  132. color: green;
  133. }
  134. .ltk-refresh {
  135. color: #CE2029;
  136. }
  137. .ltk-refresh:hover {
  138. color: darkred;
  139. }
  140. .ltk-muted {
  141. color: #666;
  142. }
  143. .no-localized-title, .no-localized-title a {
  144. color: #444;
  145. /*font-style: italic;*/
  146. }
  147. .lingotek-node-actions, .lingotek-language-source i {
  148. font-size: 150%;
  149. white-space: nowrap;
  150. }
  151. .lingotek-node-actions a:hover {
  152. text-decoration: none;
  153. color: #00348D;
  154. }
  155. a.ltk-action:hover {
  156. text-decoration: none;
  157. color: #00348D;
  158. }
  159. #edit-grid-container i.lingotek-disabled {
  160. color: #AAA;
  161. }
  162. .ltk-upload-button {
  163. color: #0074BD;
  164. cursor: pointer;
  165. }
  166. .ltk-upload-button:hover {
  167. color: #00348D;
  168. }
  169. .node-configuration {
  170. color: #48C;
  171. }
  172. #edit-settings-link, #reset-translations-link, #change-workflow-link {
  173. display: none;
  174. }
  175. .lingotek-progress {
  176. background-color: #F7F7F7;
  177. background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  178. background-repeat: repeat-x;
  179. border-radius: 4px 4px 4px 4px;
  180. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  181. height: 20px;
  182. overflow: hidden;
  183. position: relative;
  184. }
  185. .lingotek-progress .bar {
  186. -moz-box-sizing: border-box;
  187. margin: 0;
  188. background-color: #0E90D2;
  189. background-image: linear-gradient(to bottom, #149BDF, #0480BE);
  190. background-repeat: repeat-x;
  191. box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  192. color: #FFFFFF;
  193. float: left;
  194. font-size: 12px;
  195. height: 100%;
  196. text-align: center;
  197. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  198. transition: width 0.6s ease 0s;
  199. width: 0;
  200. }
  201. .lingotek-progress .percent {
  202. position: absolute;
  203. width: 100%;
  204. text-align: center;
  205. color: #333333;
  206. font-weight: bold;
  207. font-size: 100%;
  208. padding-top: 1px;
  209. }
  210. .bold-row td {
  211. background-color: #CCCCCC
  212. }