microformats.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. /**
  2. * "Yet Another Multicolumn Layout" - YAML CSS Framework
  3. *
  4. * (en) YAML-Addon:Microformats Support
  5. * (de) YAML-Addon:Unterstützung für Microformate
  6. *
  7. * @note Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
  8. *
  9. * @copyright Copyright 2005-2012, Dirk Jesse
  10. * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
  11. * YAML-CDL (http://www.yaml.de/license.html)
  12. * @link http://www.yaml.de
  13. * @package yaml
  14. * @version v4.0.1
  15. * @revision $Revision: 724 $
  16. * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
  17. */
  18. /* hCards + hCalendars */
  19. @media all {
  20. .vcard,
  21. .vevent {
  22. line-height: 1.5em;
  23. border:2px solid #e0e7b8 !important;
  24. padding:30px 5px 5px 5px !important;
  25. border-radius:8px;
  26. -moz-border-radius:8px;
  27. -webkit-border-radius:8px;
  28. margin: 1.5em 0 0 0 !important;
  29. /* small IE-Fix for background images */
  30. zoom:1;
  31. }
  32. span.vcard,
  33. span.vevent {
  34. padding:2px 1px 2px 70px !important;
  35. margin:0 2px 0 !important;
  36. }
  37. .vcard {
  38. background:#f8f8ec url(icons/hcard.png) 5px 5px no-repeat !important;
  39. }
  40. .vcard a {
  41. padding-left:11px;
  42. background:url(icons/external_link.png) top left no-repeat;
  43. color:#679A06;
  44. }
  45. .vcard .adr {
  46. display:block;
  47. margin:0.5em 0;
  48. }
  49. .vcard .email {
  50. font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  51. }
  52. .vevent {
  53. background:#f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
  54. }
  55. .vevent a {
  56. padding-left:11px;
  57. background:url(icons/external_link.png) top left no-repeat;
  58. color:#679A06;
  59. }
  60. .vevent p {
  61. margin: 0;
  62. }
  63. .vevent .description {
  64. display:block;
  65. margin-top:1em;
  66. }
  67. .vevent .location {
  68. display:block;
  69. color:#679A06;
  70. }
  71. .vevent .summary {
  72. display:block;
  73. color:#679A06;
  74. font-weight:bold;
  75. }
  76. /* XFN relationship */
  77. a.xfnRelationship {
  78. padding-right:26px;
  79. background-image:url(icons/xfn/xfn-small.png);
  80. background-repeat: no-repeat;
  81. background-position: right;
  82. }
  83. a.xfnRelationship[rel~="colleague"],
  84. a.xfnRelationship[rel~="co-worker"] {
  85. padding-right:21px;
  86. background-image:url(icons/xfn/xfn-colleague.png);
  87. }
  88. a.xfnRelationship[rel~="met"] {
  89. padding-right:32px;
  90. background-image:url(icons/icon-xfn.png);
  91. }
  92. a.xfnRelationship[rel~="colleague"][rel~="met"],
  93. a.xfnRelationship[rel~="co-worker"][rel~="met"] {
  94. padding-right:26px;
  95. background-image:url(icons/xfn/xfn-colleague-met.png);
  96. }
  97. a.xfnRelationship[rel~="friend"] {
  98. padding-right:21px;
  99. background-image:url(icons/xfn/xfn-friend.png);
  100. }
  101. a.xfnRelationship[rel~="friend"][rel~="met"] {
  102. padding-right:26px;
  103. background-image:url(icons/xfn/xfn-friend-met.png);
  104. }
  105. a.xfnRelationship[rel~="sweetheart"] {
  106. padding-right:21px;
  107. background-image:url(icons/xfn/xfn-sweetheart.png);
  108. }
  109. a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
  110. padding-right:26px;
  111. background-image:url(icons/xfn/xfn-sweetheart-met.png);
  112. }
  113. a.xfnRelationship[rel~="child"] {
  114. padding-right:21px;
  115. background-image:url(icons/xfn/xfn-child.png);
  116. }
  117. a.xfnRelationship[rel~="parent"] {
  118. padding-right:21px;
  119. background-image:url(icons/xfn/xfn-parent.png);
  120. }
  121. a.xfnRelationship[rel~="spouse"] {
  122. padding-right:21px;
  123. background-image:url(icons/xfn/xfn-spouse.png);
  124. }
  125. a.xfnRelationship[rel~="me"] {
  126. padding-right:21px;
  127. background-image:url(icons/xfn/xfn-me.png);
  128. }
  129. /* rel-tag */
  130. a[rel~="tag"] {
  131. padding-right:32px;
  132. background-image:url(icons/icon-rel-tag.png);
  133. background-repeat: no-repeat;
  134. background-position: right;
  135. }
  136. /* geo */
  137. abbr[class~="geo"] {
  138. padding-right:32px;
  139. background:url(icons/icon-geo.png) no-repeat right;
  140. border:none;
  141. cursor:default;
  142. }
  143. }