You are here

multipage.css in Field Group 7

Same filename and directory in other branches
  1. 7.2 multipage/multipage.css
.multipage-controls-list #edit-actions {
  float: left; /* LTR */
}

.multipage-button {    
  margin-bottom: 1em;
  margin-top: 0;
  float: left; /* LTR */
  line-height: 36px;
}

.multipage-button a {    
  padding-top: 10px;
}

.multipage-counter {
  float: right; /* LTR */
  margin-right: 5px; /* LTR */
  height: 0;
  position: relative;
  top: 1.8em;
  line-height: 30px;
  font: 12px arial,sans-serif;
  font-weight: bold;
  color:#666;
}

a.multipage-link-previous {
  font: 12px arial,sans-serif;
  font-weight: bold;
  color:#666;
  -webkit-transition: color 218ms;
  -moz-transition: color 218ms;
  -o-transition: color 218ms;
  transition: color 218ms;
}

a.multipage-link-previous:hover {
  text-decoration:none;
  color: #333;
}

.multipage-controls-list input.form-submit {
  background:none;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font: 12px arial,sans-serif;
  font-weight: bold;
  color: #666;
  text-shadow: 0 1px 0 white;
  padding: 7px 12px;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
  -o-transition: border-top-color 0.218s,border-right-color 0.218s,border-bottom-color 0.218s,border-left-color .218s;
  -webkit-transition: border-color .218s;
}

.multipage-controls-list input.form-submit:hover {
  color:#333;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  border-color: #939393;
}

.multipage-controls-list input.form-submit:active {
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F1F1F1),to(whiteSmoke));
}

.multipage-controls-list input#edit-submit {
  background: #4D90FE; /* for non-css3 browsers */
  background-image: #4D90FE; /* for non-css3 browsers */
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED'); /* for IE */
  background: -webkit-gradient(linear, center top, center bottom, from(#4D90FE), to(#4787ED)); /* for webkit browsers */
  background: -moz-linear-gradient(center top,  #4D90FE,  #4787ED); /* for firefox 3.6+ */ 
  color: white;
  text-shadow: none;
  text-transform: uppercase;
  min-width: 79px;
}

.multipage-controls-list input#edit-submit:hover {
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  color: white;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.multipage-controls-list input#edit-submit:active {
  background: #4D90FE;
  border-color: #2F5BB7;
}

.multipage-controls-list input#edit-delete {
  background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  color: white;
  text-shadow: none;

}

.multipage-controls-list input#edit-delete:hover {
  background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
  border: 1px solid #B0281A!important;
  border-bottom: 1px solid #AF301F!important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  color: white;
}

.multipage-controls-list input#edit-delete:active {
  background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
  border: 1px solid #992A1b!important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

File

multipage/multipage.css
View source
  1. .multipage-controls-list #edit-actions {
  2. float: left; /* LTR */
  3. }
  4. .multipage-button {
  5. margin-bottom: 1em;
  6. margin-top: 0;
  7. float: left; /* LTR */
  8. line-height: 36px;
  9. }
  10. .multipage-button a {
  11. padding-top: 10px;
  12. }
  13. .multipage-counter {
  14. float: right; /* LTR */
  15. margin-right: 5px; /* LTR */
  16. height: 0;
  17. position: relative;
  18. top: 1.8em;
  19. line-height: 30px;
  20. font: 12px arial,sans-serif;
  21. font-weight: bold;
  22. color:#666;
  23. }
  24. a.multipage-link-previous {
  25. font: 12px arial,sans-serif;
  26. font-weight: bold;
  27. color:#666;
  28. -webkit-transition: color 218ms;
  29. -moz-transition: color 218ms;
  30. -o-transition: color 218ms;
  31. transition: color 218ms;
  32. }
  33. a.multipage-link-previous:hover {
  34. text-decoration:none;
  35. color: #333;
  36. }
  37. .multipage-controls-list input.form-submit {
  38. background:none;
  39. border: none;
  40. border-radius: 2px;
  41. -moz-border-radius: 2px;
  42. -webkit-border-radius: 2px;
  43. border: 1px solid rgba(0, 0, 0, 0.1);
  44. font: 12px arial,sans-serif;
  45. font-weight: bold;
  46. color: #666;
  47. text-shadow: 0 1px 0 white;
  48. padding: 7px 12px;
  49. background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
  50. -o-transition: border-top-color 0.218s,border-right-color 0.218s,border-bottom-color 0.218s,border-left-color .218s;
  51. -webkit-transition: border-color .218s;
  52. }
  53. .multipage-controls-list input.form-submit:hover {
  54. color:#333;
  55. box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  56. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  57. border-color: #939393;
  58. }
  59. .multipage-controls-list input.form-submit:active {
  60. background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F1F1F1),to(whiteSmoke));
  61. }
  62. .multipage-controls-list input#edit-submit {
  63. background: #4D90FE; /* for non-css3 browsers */
  64. background-image: #4D90FE; /* for non-css3 browsers */
  65. background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  66. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED'); /* for IE */
  67. background: -webkit-gradient(linear, center top, center bottom, from(#4D90FE), to(#4787ED)); /* for webkit browsers */
  68. background: -moz-linear-gradient(center top, #4D90FE, #4787ED); /* for firefox 3.6+ */
  69. color: white;
  70. text-shadow: none;
  71. text-transform: uppercase;
  72. min-width: 79px;
  73. }
  74. .multipage-controls-list input#edit-submit:hover {
  75. background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  76. background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  77. background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  78. color: white;
  79. text-shadow: none;
  80. box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  81. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  82. }
  83. .multipage-controls-list input#edit-submit:active {
  84. background: #4D90FE;
  85. border-color: #2F5BB7;
  86. }
  87. .multipage-controls-list input#edit-delete {
  88. background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  89. background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  90. background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
  91. text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  92. border: 1px solid transparent;
  93. color: white;
  94. text-shadow: none;
  95. }
  96. .multipage-controls-list input#edit-delete:hover {
  97. background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  98. background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  99. background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
  100. border: 1px solid #B0281A!important;
  101. border-bottom: 1px solid #AF301F!important;
  102. box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  103. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  104. color: white;
  105. }
  106. .multipage-controls-list input#edit-delete:active {
  107. background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  108. background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  109. background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
  110. border: 1px solid #992A1b!important;
  111. box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  112. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  113. }