You are here

multipage.css in Field Group 7.2

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

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

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

.multipage-counter{
  float: right;
  margin-right: 5px;
  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-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  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;
  3. }
  4. .multipage-button {
  5. margin-bottom: 1em;
  6. margin-top: 0;
  7. float: left;
  8. line-height: 36px;
  9. }
  10. .multipage-button a {
  11. padding-top: 10px;
  12. }
  13. .multipage-counter{
  14. float: right;
  15. margin-right: 5px;
  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-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  64. background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  65. background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  66. color: white;
  67. text-shadow: none;
  68. text-transform: uppercase;
  69. min-width: 79px;
  70. }
  71. .multipage-controls-list input#edit-submit:hover{
  72. background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  73. background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  74. background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  75. color: white;
  76. text-shadow: none;
  77. box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  78. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  79. }
  80. .multipage-controls-list input#edit-submit:active{
  81. background: #4D90FE;
  82. border-color: #2F5BB7;
  83. }
  84. .multipage-controls-list input#edit-delete{
  85. background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  86. background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  87. background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
  88. text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  89. border: 1px solid transparent;
  90. color: white;
  91. text-shadow: none;
  92. }
  93. .multipage-controls-list input#edit-delete:hover{
  94. background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  95. background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  96. background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
  97. border: 1px solid #B0281A!important;
  98. border-bottom: 1px solid #AF301F!important;
  99. box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  100. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  101. color: white;
  102. }
  103. .multipage-controls-list input#edit-delete:active{
  104. background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  105. background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  106. background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
  107. border: 1px solid #992A1b!important;
  108. box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  109. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  110. }