You are here

Home » API reference » Easymeta 8

easymeta.css in Easymeta 8 

#easymeta-form {
  position: absolute;
  z-index: 999;
  top: 20%;
  width: 300px;
  left: -300px;
  background-color: #333;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
}


#easymeta-form input,
#easymeta-form textarea {
  width: 270px;
  margin-left: 20px;
}

#easymeta-form label {
  color: #fff;
  margin-left: 20px;
  margin-bottom: 5px;
  display: inline-block;
}

#easymeta-form input {
  width: 264px;
}

#easymeta-form #edit-submit {
  margin-bottom: 20px;
}

#easymeta-form .easymeta-open {
  content: "Meta";
  display: block;
  right: -70px;
  position: absolute;
  background-color: #333;
  width: 70px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  border-radius: 0 10px 10px 0;
  top: 50%;
  cursor: pointer;
  opacity: 0.75;
}

File

css/easymeta.css
View source 
  1. #easymeta-form {

  2.   position: absolute;

  3.   z-index: 999;

  4.   top: 20%;

  5.   width: 300px;

  6.   left: -300px;

  7.   background-color: #333;

  8.   font-family: 'Arial', sans-serif;

  9.   font-size: 12px;

  10. }

  11. 

  12. 

  13. #easymeta-form input,

  14. #easymeta-form textarea {

  15.   width: 270px;

  16.   margin-left: 20px;

  17. }

  18. 

  19. #easymeta-form label {

  20.   color: #fff;

  21.   margin-left: 20px;

  22.   margin-bottom: 5px;

  23.   display: inline-block;

  24. }

  25. 

  26. #easymeta-form input {

  27.   width: 264px;

  28. }

  29. 

  30. #easymeta-form #edit-submit {

  31.   margin-bottom: 20px;

  32. }

  33. 

  34. #easymeta-form .easymeta-open {

  35.   content: "Meta";

  36.   display: block;

  37.   right: -70px;

  38.   position: absolute;

  39.   background-color: #333;

  40.   width: 70px;

  41.   text-align: center;

  42.   color: #fff;

  43.   line-height: 30px;

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

  45.   top: 50%;

  46.   cursor: pointer;

  47.   opacity: 0.75;

  48. }