You are here

Home » API reference » @font-your-face 8.3

fontyourface.admin.css in @font-your-face 8.3 

.view-fontyourface-font-manager .fontyourface-font-manager-item {
  float: left;
  height: 162px;
  margin: 8px;
  position: relative;
  width: 172px;
  list-style: outside none none;
  padding: 10px;
}

.view-fontyourface-font-manager .font {
  height: 162px;
  border: solid 1px #ccc;
  border-radius: 8px;
  padding: 5px;
}

.fontyourface-header {
  min-height: 70px;
}

.fontyourface-header h4,
.fontyourface-header h5 {
  margin: 0;
}

.fontyourface-header h4 {
  min-height: 40px;
}

.view-fontyourface-font-manager .fontyourface-preview {
  margin-top: 5px;
}

.fontyourface-operations a {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0 0 8px 8px;
  border-right: 1px solid #ccc;
  display: block;
  height: 20px;
  left: 0px;
  margin: 0 10px 10px;
  padding: 5px 10px;
  position: absolute;
  bottom: -11px;
  width: 150px;
  background-color: #eee;
}

.view-fontyourface-font-manager .font.enabled {
  background-color: #dfd;
}

.view-fontyourface-font-manager .font.enabled .fontyourface-operations a {
  background-color: #bdb;
}

File

css/fontyourface.admin.css
View source 
  1. .view-fontyourface-font-manager .fontyourface-font-manager-item {

  2.   float: left;

  3.   height: 162px;

  4.   margin: 8px;

  5.   position: relative;

  6.   width: 172px;

  7.   list-style: outside none none;

  8.   padding: 10px;

  9. }

  10. 

  11. .view-fontyourface-font-manager .font {

  12.   height: 162px;

  13.   border: solid 1px #ccc;

  14.   border-radius: 8px;

  15.   padding: 5px;

  16. }

  17. 

  18. .fontyourface-header {

  19.   min-height: 70px;

  20. }

  21. 

  22. .fontyourface-header h4,

  23. .fontyourface-header h5 {

  24.   margin: 0;

  25. }

  26. 

  27. .fontyourface-header h4 {

  28.   min-height: 40px;

  29. }

  30. 

  31. .view-fontyourface-font-manager .fontyourface-preview {

  32.   margin-top: 5px;

  33. }

  34. 

  35. .fontyourface-operations a {

  36.   border-bottom: 1px solid #ccc;

  37.   border-left: 1px solid #ccc;

  38.   border-radius: 0 0 8px 8px;

  39.   border-right: 1px solid #ccc;

  40.   display: block;

  41.   height: 20px;

  42.   left: 0px;

  43.   margin: 0 10px 10px;

  44.   padding: 5px 10px;

  45.   position: absolute;

  46.   bottom: -11px;

  47.   width: 150px;

  48.   background-color: #eee;

  49. }

  50. 

  51. .view-fontyourface-font-manager .font.enabled {

  52.   background-color: #dfd;

  53. }

  54. 

  55. .view-fontyourface-font-manager .font.enabled .fontyourface-operations a {

  56.   background-color: #bdb;

  57. }