You are here

Home » API reference » Drupal Commons 7.3

commons_pills.css in Drupal Commons 7.3 

.quicktabs-style-commons-pills ul.quicktabs-tabs {
  margin: 0 0 30px 0;
  padding: 0;
}
.block-content .quicktabs-style-commons-pills ul.quicktabs-tabs {
  padding: 0;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li {
  display: inline-block;
  padding: 0;
  margin: 0 12px 0 0;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li a {
  background-color: #f1f1f1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 10px 3px 6px;
  display: block;
  color: #a5a3a3;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover {
  text-decoration: none;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li a span {
  color: #3f3d3d;
  font-size: .7em;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li.active a {
  background-color: #00568c;
  color: #fff;
  position: relative;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li.active a:after {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  border-style: solid;
  border-width: 5px 7.5px 0 7.5px;
  border-color: #00568c transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7.5px;
}
.quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span {
  color: #fff;
}

#quicktabs-tab-commons_bw-commons_all:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -31px no-repeat;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_all:before {
  background-position: 0 0;
}

#quicktabs-tab-commons_bw-commons_posts:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -285px no-repeat;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_posts:before {
  background-position: 0 -254px;
}

#quicktabs-tab-commons_bw-commons_documents:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -94px no-repeat;
  width: 9px;
  height: 12px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_documents:before {
  background-position: 0 -62px;
}

#quicktabs-tab-commons_bw-commons_q_a:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -349px no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_q_a:before {
  background-position: 0 -316px;
}

#quicktabs-tab-commons_bw-commons_ideas:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -159px no-repeat;
  width: 8px;
  height: 13px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_ideas:before {
  background-position: 0 -126px;
}

#quicktabs-tab-commons_bw-commons_wikis:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -415px no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_wikis:before {
  background-position: 0 -382px;
}

#quicktabs-tab-commons_bw-commons_polls:before {
  content: '';
  background: url('images/icons-saf2440b105.png') 0 -223px no-repeat;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_polls:before {
  background-position: 0 -192px;
}

File

modules/commons/commons_bw/plugins/quicktabs_styles/commons_pills/commons_pills.css
View source 
  1. .quicktabs-style-commons-pills ul.quicktabs-tabs {

  2.   margin: 0 0 30px 0;

  3.   padding: 0;

  4. }

  5. .block-content .quicktabs-style-commons-pills ul.quicktabs-tabs {

  6.   padding: 0;

  7. }

  8. .quicktabs-style-commons-pills ul.quicktabs-tabs li {

  9.   display: inline-block;

  10.   padding: 0;

  11.   margin: 0 12px 0 0;

  12. }

  13. .quicktabs-style-commons-pills ul.quicktabs-tabs li a {

  14.   background-color: #f1f1f1;

  15.   -moz-border-radius: 3px;

  16.   -webkit-border-radius: 3px;

  17.   border-radius: 3px;

  18.   padding: 3px 10px 3px 6px;

  19.   display: block;

  20.   color: #a5a3a3;

  21. }

  22. .quicktabs-style-commons-pills ul.quicktabs-tabs li a:hover {

  23.   text-decoration: none;

  24. }

  25. .quicktabs-style-commons-pills ul.quicktabs-tabs li a span {

  26.   color: #3f3d3d;

  27.   font-size: .7em;

  28. }

  29. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a {

  30.   background-color: #00568c;

  31.   color: #fff;

  32.   position: relative;

  33. }

  34. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a:after {

  35.   content: '';

  36.   width: 0px;

  37.   height: 0px;

  38.   display: block;

  39.   border-style: solid;

  40.   border-width: 5px 7.5px 0 7.5px;

  41.   border-color: #00568c transparent transparent transparent;

  42.   position: absolute;

  43.   top: 100%;

  44.   left: 50%;

  45.   margin-left: -7.5px;

  46. }

  47. .quicktabs-style-commons-pills ul.quicktabs-tabs li.active a span {

  48.   color: #fff;

  49. }

  50. 

  51. #quicktabs-tab-commons_bw-commons_all:before {

  52.   content: '';

  53.   background: url('images/icons-saf2440b105.png') 0 -31px no-repeat;

  54.   width: 11px;

  55.   height: 11px;

  56.   display: inline-block;

  57.   margin-right: 3px;

  58.   position: relative;

  59.   top: 1px;

  60. }

  61. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_all:before {

  62.   background-position: 0 0;

  63. }

  64. 

  65. #quicktabs-tab-commons_bw-commons_posts:before {

  66.   content: '';

  67.   background: url('images/icons-saf2440b105.png') 0 -285px no-repeat;

  68.   width: 11px;

  69.   height: 11px;

  70.   display: inline-block;

  71.   margin-right: 3px;

  72.   position: relative;

  73.   top: 1px;

  74. }

  75. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_posts:before {

  76.   background-position: 0 -254px;

  77. }

  78. 

  79. #quicktabs-tab-commons_bw-commons_documents:before {

  80.   content: '';

  81.   background: url('images/icons-saf2440b105.png') 0 -94px no-repeat;

  82.   width: 9px;

  83.   height: 12px;

  84.   display: inline-block;

  85.   margin-right: 3px;

  86.   position: relative;

  87.   top: 1px;

  88. }

  89. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_documents:before {

  90.   background-position: 0 -62px;

  91. }

  92. 

  93. #quicktabs-tab-commons_bw-commons_q_a:before {

  94.   content: '';

  95.   background: url('images/icons-saf2440b105.png') 0 -349px no-repeat;

  96.   width: 13px;

  97.   height: 13px;

  98.   display: inline-block;

  99.   margin-right: 3px;

  100.   position: relative;

  101.   top: 1px;

  102. }

  103. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_q_a:before {

  104.   background-position: 0 -316px;

  105. }

  106. 

  107. #quicktabs-tab-commons_bw-commons_ideas:before {

  108.   content: '';

  109.   background: url('images/icons-saf2440b105.png') 0 -159px no-repeat;

  110.   width: 8px;

  111.   height: 13px;

  112.   display: inline-block;

  113.   margin-right: 3px;

  114.   position: relative;

  115.   top: 1px;

  116. }

  117. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_ideas:before {

  118.   background-position: 0 -126px;

  119. }

  120. 

  121. #quicktabs-tab-commons_bw-commons_wikis:before {

  122.   content: '';

  123.   background: url('images/icons-saf2440b105.png') 0 -415px no-repeat;

  124.   width: 13px;

  125.   height: 13px;

  126.   display: inline-block;

  127.   margin-right: 3px;

  128.   position: relative;

  129.   top: 1px;

  130. }

  131. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_wikis:before {

  132.   background-position: 0 -382px;

  133. }

  134. 

  135. #quicktabs-tab-commons_bw-commons_polls:before {

  136.   content: '';

  137.   background: url('images/icons-saf2440b105.png') 0 -223px no-repeat;

  138.   width: 11px;

  139.   height: 11px;

  140.   display: inline-block;

  141.   margin-right: 3px;

  142.   position: relative;

  143.   top: 1px;

  144. }

  145. ul.quicktabs-style-commons-pills li.active #quicktabs-tab-commons_bw-commons_polls:before {

  146.   background-position: 0 -192px;

  147. }