You are here

Home » API reference » Simple Meta 8.2

simplemeta.css in Simple Meta 8.2

Same filename and directory in other branches
  1. 6.2 css/simplemeta.css
  2. 7 css/simplemeta.css
#simplemeta-form * {
  margin: 0;
  padding: 0;
}
#simplemeta-form {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #bbb;
  background: rgba(187,187,187,0.6);
  width: 255px;
  padding: 8px;
  margin: 0 0 100px 0;
  z-index: 100;
  text-align: right;
  box-shadow: 0 0 4px #333;
  -webkit-box-shadow: 0 0 4px #333;
  -moz-box-shadow: 0 0 4px #333;
}
#simplemeta-form .form-item {
  text-align: left;
}
#simplemeta-form input.form-text,
#simplemeta-form textarea.form-textarea {
  width: 250px;
}
#simplemeta-form textarea.form-textarea {
  height: 65px;
}
#simplemeta-form input.form-submit {
  width: 50px;
  height: 28px;
  border: 0;
  background: transparent url(img/buttons.png) no-repeat 0 -28px;
  text-indent: -1000px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
}
#simplemeta-form #edit-delete {
  width: 60px;
  height: 27px;
  border: 0;
  background: transparent url(img/buttons.png) no-repeat -58px -29px;
  text-indent: -1000px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
}
#simplemeta-form input.button-save {
  margin-right: 5px;
  width: 55px;
  background-position: -124px -28px;
}
#simplemeta-form input.button-delete {
  background-position: -53px -28px;
  width: 71px;
}
#simplemeta-form .form-close {
  display: block;
  margin: 0;
  padding: 5px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -60px;
  top: 5px;
  background: rgba(187,187,187,0.7);
  color: #fff;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}

File

css/simplemeta.css
View source 
  1. #simplemeta-form * {

  2.   margin: 0;

  3.   padding: 0;

  4. }

  5. #simplemeta-form {

  6.   position: fixed;

  7.   left: 0;

  8.   bottom: 0;

  9.   background: #bbb;

  10.   background: rgba(187,187,187,0.6);

  11.   width: 255px;

  12.   padding: 8px;

  13.   margin: 0 0 100px 0;

  14.   z-index: 100;

  15.   text-align: right;

  16.   box-shadow: 0 0 4px #333;

  17.   -webkit-box-shadow: 0 0 4px #333;

  18.   -moz-box-shadow: 0 0 4px #333;

  19. }

  20. #simplemeta-form .form-item {

  21.   text-align: left;

  22. }

  23. #simplemeta-form input.form-text,

  24. #simplemeta-form textarea.form-textarea {

  25.   width: 250px;

  26. }

  27. #simplemeta-form textarea.form-textarea {

  28.   height: 65px;

  29. }

  30. #simplemeta-form input.form-submit {

  31.   width: 50px;

  32.   height: 28px;

  33.   border: 0;

  34.   background: transparent url(img/buttons.png) no-repeat 0 -28px;

  35.   text-indent: -1000px;

  36.   overflow: hidden;

  37.   cursor: pointer;

  38.   vertical-align: middle;

  39. }

  40. #simplemeta-form #edit-delete {

  41.   width: 60px;

  42.   height: 27px;

  43.   border: 0;

  44.   background: transparent url(img/buttons.png) no-repeat -58px -29px;

  45.   text-indent: -1000px;

  46.   overflow: hidden;

  47.   cursor: pointer;

  48.   vertical-align: middle;

  49. }

  50. #simplemeta-form input.button-save {

  51.   margin-right: 5px;

  52.   width: 55px;

  53.   background-position: -124px -28px;

  54. }

  55. #simplemeta-form input.button-delete {

  56.   background-position: -53px -28px;

  57.   width: 71px;

  58. }

  59. #simplemeta-form .form-close {

  60.   display: block;

  61.   margin: 0;

  62.   padding: 5px;

  63.   width: 50px;

  64.   height: 20px;

  65.   line-height: 20px;

  66.   position: absolute;

  67.   right: -60px;

  68.   top: 5px;

  69.   background: rgba(187,187,187,0.7);

  70.   color: #fff;

  71.   cursor: pointer;

  72.   border-radius: 0 4px 4px 0;

  73.   -moz-border-radius: 0 4px 4px 0;

  74.   -webkit-border-radius: 0 4px 4px 0;

  75. }