You are here

Home » API reference » Lingotek Translation 7.6

base.css in Lingotek Translation 7.6

Same filename and directory in other branches
  1. 7.2 style/base.css
  2. 7.3 style/base.css
  3. 7.4 style/base.css
  4. 7.5 style/base.css
.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-select-actions {
  padding: 0px;
}

.form-item-select-actions 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-non-lingotek {
  background-color: inherit;
  border: 1px solid #ccc;
  color: #aaa !important;
}

.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: #585858;
  border: 1px solid #585858;
}

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

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

.language-icon.target-target_edited {
  color: #000 !important;
  background-color:inherit;
  border: 1px #000 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
}

a.tooltips {
  position: relative;
  display: inline;
  text-decoration: none;
  color: inherit;
}

a:hover.tooltips {
  text-decoration: none;
}

a.tooltips span {
  position: absolute;
  right: -75px;
  color: #FFFFFF;
  background: #333;
  line-height: 18px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  text-decoration: none;
  padding: 5px;
  font-size: 13px;
}

a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  text-decoration: none;
}

a:hover.tooltips span {
  visibility: visible;
  top: 30px;
  left: 50%;
  margin-left: -90px;
  z-index: 999;
  text-decoration: none;
}

File

style/base.css
View source 
  1. 

  2. .lingotek-highlight {

  3.   background-color: #ecf2f9 !important;

  4. }

  5. 

  6. #navbar-link-admin-settings-lingotek::before {

  7.   background-attachment: scroll;

  8.   background-color: transparent;

  9.   background-position: center center;

  10.   background-repeat: no-repeat;

  11.   background-image: url("../images/ico_chevs_dd.png");

  12. }

  13. 

  14. .ltk-icon {

  15. }

  16. 

  17. .ltk-icon:hover {

  18.     text-decoration: none;

  19.     color: #00348D;

  20. }

  21. 

  22. div.form-item-create-lingotek-document-workbench-moderation, div.form-item-sync-method-workbench-moderation {

  23.   margin-left: 50px;

  24. }

  25. 

  26. /*div.form-item-create-lingotek-document-workbench-moderation label, div.form-item-syncMethod-wb label {

  27.   font-weight: normal !important;

  28. }*/

  29. 

  30. div.form-item.form-item-lingotek-create-documents-by-default-workbench-moderation,

  31. div.form-item.form-item-wb-options {

  32.   margin-left: 50px;

  33. }

  34. 

  35. #edit-wb-select {

  36.   margin-left: 50px;

  37. }

  38. 

  39. /* Settings/Setup - Content Types Table */

  40. 

  41. .lingotek-content-settings-table td div {

  42.   float: left;

  43.   padding-right: 15px !important;

  44. }

  45. 

  46. input.lingotek-content-settings-table.form-checkbox {

  47.   margin: 0px;

  48. }

  49. 

  50. #lingotek-profiles {

  51.   width: auto;

  52. }

  53. 

  54. /* Bulk Grid */

  55. 

  56. #lingotek-bulk-grid-form #edit-header-fieldset .form-item {

  57.   float:left;

  58.   margin-left: 15px;

  59. }

  60. 

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

  62. }

  63. 

  64. #modal-content #edit-filter-buttons {

  65.   clear: both;

  66. }

  67. 

  68. .form-item.form-item-select-actions {

  69.   padding: 0px;

  70. }

  71. 

  72. .form-item-select-actions label, .form-item-search label {

  73.   display: inline;

  74. }

  75. 

  76. .form-item-search-type, .form-item-search, .form-item-search-submit {

  77.   display: inline;

  78. }

  79. 

  80. .lingotek-action {

  81.   float: right;

  82.   font-size: 125%;

  83.   margin-left: 20px;

  84.   margin-top: 30px;

  85.   color: #666;

  86. }

  87. 

  88. .lingotek-action:hover {

  89.   color: #333;

  90.   text-decoration: none;

  91. }

  92. 

  93. .grid-result-summary {

  94.   color: #666;

  95. }

  96. 

  97. #page-limit {

  98.   text-align: center;

  99. }

  100. 

  101. .form-item-limit-select {

  102.   display: inline;

  103. }

  104. 

  105. #edit-grid-container .table-select-processed {

  106.   clear: both;

  107. }

  108. #edit-grid-container > .grid-empty {

  109.   clear: both;

  110.   padding: 25px;

  111.   background: #f3f3f3;

  112.   border: #aaa;

  113. }

  114. 

  115. #edit-custom-columns {

  116.     columns:100px 2;

  117.     -webkit-columns:100px 2;

  118.     -moz-columns:100px 2;

  119. }

  120. 

  121. a.language-icon {

  122.   background-color:#80a49e;

  123.   border-radius: 3px;

  124.   margin-right: 3px;

  125.   padding: 1px;

  126.   padding-left: 4px;

  127.   padding-right: 4px;

  128.   color: #fff !important;

  129.   white-space: nowrap;

  130.   border: 1px solid #fff;

  131. }

  132. 

  133. .language-icon.target-non-lingotek {

  134.   background-color: inherit;

  135.   border: 1px solid #ccc;

  136.   color: #aaa !important;

  137. }

  138. 

  139. .language-icon.target-pending {

  140.   background-color: #CE2029;

  141.   border: 1px solid #CE2029;

  142. }

  143. 

  144. .language-icon.target-current {

  145.   background-color: rgba(68,135,204,0.9);

  146.   border: 1px solid rgba(68,135,204,1);

  147. }

  148. 

  149. .language-icon.target-ready {

  150.   background-color: #59ad1a;

  151.   border: 1px solid #59ad1a;

  152. }

  153. 

  154. .language-icon.target-edited {

  155.   background-color: #585858;

  156.   border: 1px solid #585858;

  157. }

  158. 

  159. .language-icon.target-untracked {

  160.   background-color: #999;

  161.   border: 1px solid #999;

  162. }

  163. 

  164. .language-icon.target-target_localize {

  165.   background-color:#999;

  166.   border: 1px solid #999;

  167. }

  168. 

  169. .language-icon.target-target_edited {

  170.   color: #000 !important;

  171.   background-color:inherit;

  172.   border: 1px #000 solid;

  173. }

  174. 

  175. .language-icon.target-pending.target-disabled {

  176.   background-color: inherit;

  177.   border: 1px solid rgba(206,32,41,0.5);

  178.   color: #aaa !important;

  179. }

  180. 

  181. .language-icon.target-ready.target-disabled {

  182.   background-color: inherit;

  183.   border: 1px solid rgba(89,173,26,0.8);

  184.   color: #aaa !important;

  185. }

  186. 

  187. .language-icon.target-current.target-disabled {

  188.   background-color: inherit;

  189.   border: 1px solid rgba(68,135,204,0.8);

  190.   color: #aaa !important;

  191. }

  192. 

  193. .ltk-complete-check {

  194.     color: green;

  195.     font-size: 150%;

  196. }

  197. 

  198. .ltk-upload {

  199.     color: #444;

  200. }

  201. .ltk-upload:hover {

  202.     color: #000;

  203. }

  204. 

  205. .ltk-download {

  206.     color: #59ad1a;

  207. }

  208. .ltk-download:hover {

  209.     color: green;

  210. }

  211. 

  212. .ltk-refresh {

  213.     color: #CE2029;

  214. }

  215. .ltk-refresh:hover {

  216.     color: darkred;

  217. }

  218. 

  219. .ltk-muted {

  220.     color: #666;

  221. }

  222. 

  223. .ltk-disabled-icon {

  224.   color: #ddd;

  225. }

  226. 

  227. .ltk-disabled-text {

  228.   color: #666;

  229. }

  230. .ltk-enabled-text {

  231.   color: green;

  232. }

  233. 

  234. .no-localized-title, .no-localized-title a {

  235.   color: #444;

  236.   /*font-style: italic;*/

  237. }

  238. 

  239. .lingotek-node-actions, .lingotek-language-source i {

  240.   font-size: 150%;

  241.   white-space: nowrap;

  242. }

  243. .lingotek-node-actions a:hover {

  244.     text-decoration: none;

  245.     color: #00348D;

  246. }

  247. 

  248. a.ltk-action:hover {

  249.     text-decoration: none;

  250.     color: #00348D;

  251. }

  252. 

  253. .ltk-upload-button {

  254.   color: #333;

  255.   cursor: pointer;

  256. }

  257. 

  258. .ltk-upload-button:hover {

  259.   color: #000;

  260. }

  261. 

  262. .node-configuration {

  263.   color: #48C;

  264. }

  265. 

  266. .ltk-hidden-modal-trigger, #edit-settings-link, #change-workflow-link {

  267.   display: none;

  268. }

  269. 

  270. .lingotek-progress {

  271.   background-color: #F7F7F7;

  272.   background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);

  273.   background-repeat: repeat-x;

  274.   border-radius: 4px 4px 4px 4px;

  275.   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;

  276.   height: 20px;

  277.   overflow: hidden;

  278.   position: relative;

  279. }

  280. 

  281. .lingotek-progress .bar {

  282.   -moz-box-sizing: border-box;

  283.   margin: 0;

  284.   background-color: #0E90D2;

  285.   background-image: linear-gradient(to bottom, #149BDF, #0480BE);

  286.   background-repeat: repeat-x;

  287.   box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;

  288.   color: #FFFFFF;

  289.   float: left;

  290.   font-size: 12px;

  291.   height: 100%;

  292.   text-align: center;

  293.   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  294.   transition: width 0.6s ease 0s;

  295.   width: 0;

  296. }

  297. 

  298. 

  299. .lingotek-progress .percent {

  300.   position: absolute;

  301.   width: 100%;

  302.   text-align: center;

  303.   color: #333333;

  304.   font-weight: bold;

  305.   font-size: 100%;

  306.   padding-top: 1px;

  307. }

  308. 

  309. .bold-row td {

  310.   background-color: #CCCCCC

  311. }

  312. 

  313. a.tooltips {

  314.   position: relative;

  315.   display: inline;

  316.   text-decoration: none;

  317.   color: inherit;

  318. }

  319. 

  320. a:hover.tooltips {

  321.   text-decoration: none;

  322. }

  323. 

  324. a.tooltips span {

  325.   position: absolute;

  326.   right: -75px;

  327.   color: #FFFFFF;

  328.   background: #333;

  329.   line-height: 18px;

  330.   text-align: center;

  331.   visibility: hidden;

  332.   border-radius: 6px;

  333.   text-decoration: none;

  334.   padding: 5px;

  335.   font-size: 13px;

  336. }

  337. 

  338. a.tooltips span:after {

  339.   content: '';

  340.   position: absolute;

  341.   bottom: 100%;

  342.   left: 50%;

  343.   margin-left: -8px;

  344.   width: 0; height: 0;

  345.   border-bottom: 8px solid #333;

  346.   border-right: 8px solid transparent;

  347.   border-left: 8px solid transparent;

  348.   text-decoration: none;

  349. }

  350. 

  351. a:hover.tooltips span {

  352.   visibility: visible;

  353.   top: 30px;

  354.   left: 50%;

  355.   margin-left: -90px;

  356.   z-index: 999;

  357.   text-decoration: none;

  358. }