You are here

Home » API reference » Regions 7

regions_admin_left.css in Regions 7 

/* right side blocks */

#regions_admin_left {
  width:200px;
  top:0;
  z-index:10000;
  left:-225px;
  float:right;
  position:absolute;
  height:auto;
  padding:0 6px;
  overflow:visible;
  border-right: 4px solid #dbdee3;
  border-left: 4px solid #dbdee3;
  background-color: #dbdee3;
  -webkit-box-shadow: 0px 0px 10px 0px #bbb;
  box-shadow: 0px 0px 10px 0px #bbb;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-box-sizing: initial;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}
#regions_admin_left a:hover{
  color:#111;
}
/*-------------------------overrides-------------------------*/
#regions_admin_left form {
  margin: 0 0 40px;
}
#regions_admin_left p {
  padding:10px 15px;
}
#regions_admin_left label {
  font-weight:bold;
  text-align:center;
  color:#373b43;
}
#regions_admin_left select {
  width:100%;
}
#regions_admin_left .help-block, .help-inline{
  color:#373b43;
}
#regions_admin_left #block-menu-menu-elmsln-settings h2 {
  background-color:transparent !important;
  text-align:center;
  color:#373b43;
  font-size:1.5em;
}
#regions_admin_left #block-cis-service-connection-section-context-changer {
  border-bottom:#373b43 dashed 1px;
  border-top:#373b43 dashed 1px;
}
#regions_admin_left #block-masquerade-masquerade {
  border-bottom:#373b43 dashed 1px;
}
#regions_admin_left #block-cis-service-connection-section-context-changer h2 {
  font-size:1.5em;
  text-align:center;
  background-color:transparent !important;
  color:#373b43;
  margin-bottom:10px;
}
#regions_admin_left ul.menu {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color:#ffffff;
  color: #373b43;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}
#regions_admin_left li{
  padding-top:2px;
  padding-bottom:2px;
  list-style-image:none;
  list-style-type:none;
  list-style-position:inside;
}
#regions_admin_left a{
  color:#373b43;
  padding: 5px 5px 5px 10px;
  font-size:1em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#regions_admin_left #block-masquerade-masquerade h2{
  color: #111;
  font-size: 1.5em;
  overflow: hidden;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  text-align:center;
  background-color:transparent !important;
  color:#373b43;
  text-transform:uppercase;
}
/*-------------------------End overrides-------------------------*/

#regions_admin_left #block-masquerade-masquerade .controls input {
  margin:0px auto;
  float:left;
}
#regions_admin_left #block-masquerade-masquerade .description {
 color:#373b43;
}
#regions_admin_left h2.left-heading{
  color: #373b43;
  font-size: 2em;
  overflow: hidden;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  background-color: transparent;
  text-transform:uppercase;
  text-align:center;
}
.regions_block_container {
  z-index:1000;
}
#regions_admin_left .regions_pre_block_container{
  padding: 5px;
  margin: 75px 198px 0px;
  height: 20px;
  width: 44px;
  line-height: 12px;
  font-size:12px;
  font-family: Tahoma, Geneva, sans-serif;
  -o-transform:  rotate(90deg); /* opera specific */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* ie */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-sizing: initial;
  -webkit-box-sizing: initial;
  box-sizing: initial;
  display:block;
  text-align:center;
  float:left;
  cursor:pointer;
  position:fixed;
  font-weight:bold;
  background-color:#dbdee3;
  color:#373b43;
}
#regions_admin_left .regions_block_content {
  padding:40px 10px 10px 10px;
  margin:0px;
  width:100%;
  top:0px;
  bottom:0px;
  z-index:1001;
}
/* on smaller devices make this smaller */
@media all and (max-width: 960px) {
  #regions_admin_left .regions_pre_block_container {
    margin:90px 210px 0px;
    height: 16px;
    width: 26px;
    font-size:10px;
    padding: 0px 0px 10px 0px;
    color:transparent;
    background:#dbdee3 right no-repeat url('images/admin.png');
    -o-transform:  rotate(0deg); /* opera specific */
    filter:auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
}

File

modules/regions_admin_left/regions_admin_left.css
View source 
  1. /* right side blocks */

  2. 

  3. #regions_admin_left {

  4.   width:200px;

  5.   top:0;

  6.   z-index:10000;

  7.   left:-225px;

  8.   float:right;

  9.   position:absolute;

  10.   height:auto;

  11.   padding:0 6px;

  12.   overflow:visible;

  13.   border-right: 4px solid #dbdee3;

  14.   border-left: 4px solid #dbdee3;

  15.   background-color: #dbdee3;

  16.   -webkit-box-shadow: 0px 0px 10px 0px #bbb;

  17.   box-shadow: 0px 0px 10px 0px #bbb;

  18.   border-radius: 0px 0px 10px 10px;

  19.   -moz-border-radius: 0px 0px 10px 10px;

  20.   -webkit-border-radius: 0px 0px 10px 10px;

  21.   -moz-box-sizing: initial;

  22.   -webkit-box-sizing: initial;

  23.   box-sizing: initial;

  24. }

  25. #regions_admin_left a:hover{

  26.   color:#111;

  27. }

  28. /*-------------------------overrides-------------------------*/

  29. #regions_admin_left form {

  30.   margin: 0 0 40px;

  31. }

  32. #regions_admin_left p {

  33.   padding:10px 15px;

  34. }

  35. #regions_admin_left label {

  36.   font-weight:bold;

  37.   text-align:center;

  38.   color:#373b43;

  39. }

  40. #regions_admin_left select {

  41.   width:100%;

  42. }

  43. #regions_admin_left .help-block, .help-inline{

  44.   color:#373b43;

  45. }

  46. #regions_admin_left #block-menu-menu-elmsln-settings h2 {

  47.   background-color:transparent !important;

  48.   text-align:center;

  49.   color:#373b43;

  50.   font-size:1.5em;

  51. }

  52. #regions_admin_left #block-cis-service-connection-section-context-changer {

  53.   border-bottom:#373b43 dashed 1px;

  54.   border-top:#373b43 dashed 1px;

  55. }

  56. #regions_admin_left #block-masquerade-masquerade {

  57.   border-bottom:#373b43 dashed 1px;

  58. }

  59. #regions_admin_left #block-cis-service-connection-section-context-changer h2 {

  60.   font-size:1.5em;

  61.   text-align:center;

  62.   background-color:transparent !important;

  63.   color:#373b43;

  64.   margin-bottom:10px;

  65. }

  66. #regions_admin_left ul.menu {

  67.   border-radius: 10px;

  68.   -moz-border-radius: 10px;

  69.   -webkit-border-radius: 10px;

  70.   background-color:#ffffff;

  71.   color: #373b43;

  72.   padding-top:10px;

  73.   padding-bottom:10px;

  74.   padding-left:10px;

  75.   padding-right:10px;

  76. }

  77. #regions_admin_left li{

  78.   padding-top:2px;

  79.   padding-bottom:2px;

  80.   list-style-image:none;

  81.   list-style-type:none;

  82.   list-style-position:inside;

  83. }

  84. #regions_admin_left a{

  85.   color:#373b43;

  86.   padding: 5px 5px 5px 10px;

  87.   font-size:1em;

  88.   border-radius: 5px;

  89.   -moz-border-radius: 5px;

  90.   -webkit-border-radius: 5px;

  91. }

  92. #regions_admin_left #block-masquerade-masquerade h2{

  93.   color: #111;

  94.   font-size: 1.5em;

  95.   overflow: hidden;

  96.   padding: 0px;

  97.   margin: 20px 0px 0px 0px;

  98.   text-align:center;

  99.   background-color:transparent !important;

  100.   color:#373b43;

  101.   text-transform:uppercase;

  102. }

  103. /*-------------------------End overrides-------------------------*/

  104. 

  105. #regions_admin_left #block-masquerade-masquerade .controls input {

  106.   margin:0px auto;

  107.   float:left;

  108. }

  109. #regions_admin_left #block-masquerade-masquerade .description {

  110.  color:#373b43;

  111. }

  112. #regions_admin_left h2.left-heading{

  113.   color: #373b43;

  114.   font-size: 2em;

  115.   overflow: hidden;

  116.   padding: 0px;

  117.   margin: 10px 0px 10px 0px;

  118.   background-color: transparent;

  119.   text-transform:uppercase;

  120.   text-align:center;

  121. }

  122. .regions_block_container {

  123.   z-index:1000;

  124. }

  125. #regions_admin_left .regions_pre_block_container{

  126.   padding: 5px;

  127.   margin: 75px 198px 0px;

  128.   height: 20px;

  129.   width: 44px;

  130.   line-height: 12px;

  131.   font-size:12px;

  132.   font-family: Tahoma, Geneva, sans-serif;

  133.   -o-transform:  rotate(90deg); /* opera specific */

  134.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* ie */

  135.   -webkit-transform: rotate(90deg);

  136.   -moz-transform: rotate(90deg);

  137.   -ms-transform: rotate(90deg);

  138.   -webkit-border-top-left-radius: 4px;

  139.   -webkit-border-top-right-radius: 4px;

  140.   -moz-border-radius-topleft: 4px;

  141.   -moz-border-radius-topright: 4px;

  142.   border-top-left-radius: 4px;

  143.   border-top-right-radius: 4px;

  144.   -moz-box-sizing: initial;

  145.   -webkit-box-sizing: initial;

  146.   box-sizing: initial;

  147.   display:block;

  148.   text-align:center;

  149.   float:left;

  150.   cursor:pointer;

  151.   position:fixed;

  152.   font-weight:bold;

  153.   background-color:#dbdee3;

  154.   color:#373b43;

  155. }

  156. #regions_admin_left .regions_block_content {

  157.   padding:40px 10px 10px 10px;

  158.   margin:0px;

  159.   width:100%;

  160.   top:0px;

  161.   bottom:0px;

  162.   z-index:1001;

  163. }

  164. /* on smaller devices make this smaller */

  165. @media all and (max-width: 960px) {

  166.   #regions_admin_left .regions_pre_block_container {

  167.     margin:90px 210px 0px;

  168.     height: 16px;

  169.     width: 26px;

  170.     font-size:10px;

  171.     padding: 0px 0px 10px 0px;

  172.     color:transparent;

  173.     background:#dbdee3 right no-repeat url('images/admin.png');

  174.     -o-transform:  rotate(0deg); /* opera specific */

  175.     filter:auto;

  176.     -webkit-transform: rotate(0deg);

  177.     -moz-transform: rotate(0deg);

  178.   }

  179. }