You are here

Home » API reference » Webform Ajax Page 6

webform_ajax_page.css in Webform Ajax Page 6

Same filename and directory in other branches
  1. 7 webform_ajax_page.css
.ui-tabs{
  zoom: 1;
}

.ui-tabs .ui-tabs-nav{
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  position: relative;
  overflow: hidden;
  top: 1px;
  z-index: 1000;
  margin: 0;
}

.ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  border-bottom-width: 0 !important;
  margin: 0 2px -1px 0;
  background: #ccc;
  padding: 0 5px;
  line-height: 2.3em;
}

.ui-tabs .ui-tabs-nav li a{
  /*float: left; Uncomment to show tabs */
  display:none;/* Comment to show tabs */
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
  padding-bottom: 1px;
  border-bottom-width: 0;
  background: white;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-navli.ui-state-processing a{ 
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  {
  cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel{ 
  padding: 20px;
  display: block;
  border-width: 0;
  background: none;
  border: 1px solid #ccc;
  position: relative;
  min-height: 200px;
}

.ui-tabs .ui-tabs-hide{ 
  display: none !important;
}

.webform-ajax-page-nav{
  margin-top: 30px;
}

.webform-ajax-page-nav #edit-actions input{
  position:absolute;
  bottom: 6px;
  right: 12px;
  margin: 0;
  
}

.webform-ajax-page-nav #edit-actions #edit-draft{
  position:absolute;
  bottom: 6px;
  right: 110px;
  margin: 0;

}

a.mover{
  background: #ccc;
  padding: 6px 12px;
  margin-top: 20px;
  position: absolute;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.next-tab{
  bottom: 0;
  right: 0;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
}

.prev-tab{
  bottom: 0;
  left: 0;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
}

File

webform_ajax_page.css
View source 
  1. .ui-tabs{

  2.   zoom: 1;

  3. }

  4. 

  5. .ui-tabs .ui-tabs-nav{

  6.   list-style: none;

  7.   list-style-type: none;

  8.   list-style-image: none;

  9.   position: relative;

  10.   overflow: hidden;

  11.   top: 1px;

  12.   z-index: 1000;

  13.   margin: 0;

  14. }

  15. 

  16. .ui-tabs .ui-tabs-nav li {

  17.   position: relative;

  18.   float: left;

  19.   border: 1px solid #ccc;

  20.   border-bottom-width: 0 !important;

  21.   margin: 0 2px -1px 0;

  22.   background: #ccc;

  23.   padding: 0 5px;

  24.   line-height: 2.3em;

  25. }

  26. 

  27. .ui-tabs .ui-tabs-nav li a{

  28.   /*float: left; Uncomment to show tabs */

  29.   display:none;/* Comment to show tabs */

  30. }

  31. 

  32. .ui-tabs .ui-tabs-nav li.ui-tabs-selected{

  33.   padding-bottom: 1px;

  34.   border-bottom-width: 0;

  35.   background: white;

  36. }

  37. 

  38. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,

  39. .ui-tabs .ui-tabs-nav li.ui-state-disabled a,

  40. .ui-tabs .ui-tabs-navli.ui-state-processing a{ 

  41.   cursor: text;

  42. }

  43. 

  44. .ui-tabs .ui-tabs-nav li a,

  45. .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  {

  46.   cursor: pointer;

  47. } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

  48. 

  49. .ui-tabs .ui-tabs-panel{ 

  50.   padding: 20px;

  51.   display: block;

  52.   border-width: 0;

  53.   background: none;

  54.   border: 1px solid #ccc;

  55.   position: relative;

  56.   min-height: 200px;

  57. }

  58. 

  59. .ui-tabs .ui-tabs-hide{ 

  60.   display: none !important;

  61. }

  62. 

  63. .webform-ajax-page-nav{

  64.   margin-top: 30px;

  65. }

  66. 

  67. .webform-ajax-page-nav #edit-actions input{

  68.   position:absolute;

  69.   bottom: 6px;

  70.   right: 12px;

  71.   margin: 0;

  72.   

  73. }

  74. 

  75. .webform-ajax-page-nav #edit-actions #edit-draft{

  76.   position:absolute;

  77.   bottom: 6px;

  78.   right: 110px;

  79.   margin: 0;

  80. 

  81. }

  82. 

  83. a.mover{

  84.   background: #ccc;

  85.   padding: 6px 12px;

  86.   margin-top: 20px;

  87.   position: absolute;

  88.   color: white;

  89.   font-weight: bold;

  90.   text-decoration: none;

  91. }

  92. 

  93. .next-tab{

  94.   bottom: 0;

  95.   right: 0;

  96.   -moz-border-radius-topleft: 10px;

  97.   -webkit-border-top-left-radius: 10px;

  98. }

  99. 

  100. .prev-tab{

  101.   bottom: 0;

  102.   left: 0;

  103.   -moz-border-radius-topright: 10px;

  104.   -webkit-border-top-right-radius: 10px;

  105. }