You are here

base.css in Lingotek Translation 7.5

.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;
}

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;
}

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

.language-icon.target-pending {
  background-color: #CE2029;
  border: 1px solid #CE2029;
}

.language-icon.target-current {
  background-color: rgba(68,135,204,0.9);
  border: 1px solid rgba(68,135,204,1);
}

.language-icon.target-ready {
  background-color: #59ad1a;
  border: 1px solid #59ad1a;
}

.language-icon.target-edited {
  background-color:#999;
  border: 1px solid #999;
}

.language-icon.target-untracked {
  color: #aaa !important;
  background-color:inherit;
  border: 1px #ccc solid;
}

.language-icon.target-pending.target-disabled {
  background-color: inherit;
  border: 1px solid rgba(206,32,41,0.5);
  color: #aaa !important;
}

.language-icon.target-ready.target-disabled {
  background-color: inherit;
  border: 1px solid rgba(89,173,26,0.8);
  color: #aaa !important;
}

.language-icon.target-current.target-disabled {
  background-color: inherit;
  border: 1px solid rgba(68,135,204,0.8);
  color: #aaa !important;
}

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

.ltk-upload {
    color: #444;
}
.ltk-upload:hover {
    color: #000;
}

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

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

.ltk-muted {
    color: #666;
}

.ltk-disabled-icon {
  color: #ddd;
}

.ltk-disabled-text {
  color: #666;
}
.ltk-enabled-text {
  color: green;
}

.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;
}

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

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

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

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