You are here

Home » API reference » Webform Ajax Page 7

webform_ajax_page.css in Webform Ajax Page 7

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

.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 */
}

.ui-tabs .ui-tabs-nav{
  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: 125px;
  margin: 0;
}

a.mover{
  background: #ccc;
  padding: 6px 12px;
  margin-top: 20px;
  position: absolute;
  color: #0071B3;
  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.   padding: 0;

  4. }

  5. 

  6. .ui-tabs .ui-tabs-nav{

  7.   list-style: none;

  8.   list-style-type: none;

  9.   list-style-image: none;

  10.   position: relative;

  11.   overflow: hidden;

  12.   top: 1px;

  13.   z-index: 1000;

  14.   margin: 0;

  15. }

  16. 

  17. .ui-tabs .ui-tabs-nav li {

  18.   position: relative;

  19.   float: left;

  20.   border: 1px solid #ccc;

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

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

  23.   background: #ccc;

  24.   padding: 0 5px;

  25.   line-height: 2.3em;

  26. }

  27. 

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

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

  30. }

  31. 

  32. .ui-tabs .ui-tabs-nav{

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

  34. }

  35. 

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

  37.   padding-bottom: 1px;

  38.   border-bottom-width: 0;

  39.   background: white;

  40. }

  41. 

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

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

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

  45.   cursor: text;

  46. }

  47. 

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

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

  50.   cursor: pointer;

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

  52. 

  53. .ui-tabs .ui-tabs-panel{ 

  54.   padding: 20px;

  55.   display: block;

  56.   border-width: 0;

  57.   background: none;

  58.  /* border: 1px solid #ccc;*/

  59.   position: relative;

  60.   min-height: 200px;

  61. }

  62. 

  63. .ui-tabs .ui-tabs-hide{ 

  64.   display: none !important;

  65. }

  66. 

  67. .webform-ajax-page-nav{

  68.   margin-top: 30px;

  69. }

  70. 

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

  72.   position:absolute;

  73.   bottom: 6px;

  74.   right: 12px;

  75.   margin: 0;

  76.   

  77. }

  78. 

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

  80.   position:absolute;

  81.   bottom: 6px;

  82.   right: 125px;

  83.   margin: 0;

  84. }

  85. 

  86. a.mover{

  87.   background: #ccc;

  88.   padding: 6px 12px;

  89.   margin-top: 20px;

  90.   position: absolute;

  91.   color: #0071B3;

  92.   font-weight: bold;

  93.   text-decoration: none;

  94. }

  95. 

  96. .next-tab{

  97.   bottom: 0;

  98.   right: 0;

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

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

  101. }

  102. 

  103. .prev-tab{

  104.   bottom: 0;

  105.   left: 0;

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

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

  108. }