You are here

Home » API reference » Flag 7.3

flag.css in Flag 7.3

Same filename and directory in other branches
  1. 5 theme/flag.css
  2. 6.2 theme/flag.css
  3. 6 theme/flag.css
  4. 7.2 theme/flag.css
.flag-message {
  position: absolute;
  top: 1.7em;
  line-height: normal;
  left: 0;
  text-align: left;
  width: 300px;
  font-size: .8em;
}

.flag-message.flag-failure-message {
  border: 1px solid ;
  border-color: #ed5;
  color: #840;
  background-color: #fffce5;
  padding: 2px;
}

.flag-wrapper {
  position: relative;
}

/* Better contextual link support, prevent line wrapping. */
ul.contextual-links li .flag-wrapper a {
  display: inline-block;
}

ul.contextual-links li .flag-wrapper {
  display: block;
}

/* The rest deals with indicating the waiting state. */

.flag-waiting a {
  /* Give an impression of a disabled link. */
  opacity: 0.5;
  filter: alpha(opacity=50); /* IE */
}

.flag-waiting .flag-throbber {
  background: url(flag-throbber.gif) no-repeat right center;
  padding-right: 13px;
}

File

theme/flag.css
View source 
  1. 

  2. .flag-message {

  3.   position: absolute;

  4.   top: 1.7em;

  5.   line-height: normal;

  6.   left: 0;

  7.   text-align: left;

  8.   width: 300px;

  9.   font-size: .8em;

  10. }

  11. 

  12. .flag-message.flag-failure-message {

  13.   border: 1px solid ;

  14.   border-color: #ed5;

  15.   color: #840;

  16.   background-color: #fffce5;

  17.   padding: 2px;

  18. }

  19. 

  20. .flag-wrapper {

  21.   position: relative;

  22. }

  23. 

  24. /* Better contextual link support, prevent line wrapping. */

  25. ul.contextual-links li .flag-wrapper a {

  26.   display: inline-block;

  27. }

  28. 

  29. ul.contextual-links li .flag-wrapper {

  30.   display: block;

  31. }

  32. 

  33. /* The rest deals with indicating the waiting state. */

  34. 

  35. .flag-waiting a {

  36.   /* Give an impression of a disabled link. */

  37.   opacity: 0.5;

  38.   filter: alpha(opacity=50); /* IE */

  39. }

  40. 

  41. .flag-waiting .flag-throbber {

  42.   background: url(flag-throbber.gif) no-repeat right center;

  43.   padding-right: 13px;

  44. }