You are here

Home » API reference » Simple Meta 6.2

simplemeta.css in Simple Meta 6.2

Same filename and directory in other branches
  1. 8.2 css/simplemeta.css
  2. 7 css/simplemeta.css
#simplemeta-meta-form.simplemeta-meta-form-ajax *{
  margin: 0;
  padding: 0;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax {
  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-meta-form.simplemeta-meta-form-ajax .form-item {
  text-align: left;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax input.form-text,
#simplemeta-meta-form.simplemeta-meta-form-ajax textarea.form-textarea {
  width: 250px;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax textarea.form-textarea {
  height: 65px;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax 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;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax input.button-save {
  margin-right: 5px;
  width: 55px;
  background-position: -124px -28px;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax input.button-delete {	
  background-position: -53px -28px;	
  width: 71px;
}
#simplemeta-meta-form.simplemeta-meta-form-ajax .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-meta-form.simplemeta-meta-form-ajax *{

  2.   margin: 0;

  3.   padding: 0;

  4. }

  5. #simplemeta-meta-form.simplemeta-meta-form-ajax {

  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-meta-form.simplemeta-meta-form-ajax .form-item {

  21.   text-align: left;

  22. }

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

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

  25.   width: 250px;

  26. }

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

  28.   height: 65px;

  29. }

  30. #simplemeta-meta-form.simplemeta-meta-form-ajax 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. }

  39. #simplemeta-meta-form.simplemeta-meta-form-ajax input.button-save {

  40.   margin-right: 5px;

  41.   width: 55px;

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

  43. }

  44. #simplemeta-meta-form.simplemeta-meta-form-ajax input.button-delete {	

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

  46.   width: 71px;

  47. }

  48. #simplemeta-meta-form.simplemeta-meta-form-ajax .form-close {

  49.   display: block;

  50.   margin: 0;

  51.   padding: 5px;

  52.   width: 50px;

  53.   height: 20px;

  54.   line-height: 20px;

  55.   position: absolute;

  56.   right: -60px;

  57.   top: 5px;

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

  59.   color: #fff;

  60.   cursor: pointer;

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

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

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

  64. }