Pastebin

phpBB Gallery - gallery.css

von stefan-franz
Beschreibung:
.css Datei für die Anzeige der Thumbnails
Snippet erstellt:
21.03.2019 12:20
Snippet wird automatisch gelöscht:
18.08.2019 13:20

Dein Code:
  1. .gallery-icon, .gallery-icon a {
  2.         background: none top left no-repeat;
  3. }
  4.  
  5. ul.profile-icons li.gallery-icon {
  6.         width: 20px; height: 20px;
  7. }
  8.  
  9. .gallery-icon, .gallery-icon a {
  10.         background-image: url("./images/icon_contact_gallery.gif");
  11. }
  12.  
  13. h2.invade-linklist {
  14.         margin-top: -20px;
  15. }
  16.  
  17. .rtl .icon-gallery {
  18.         background-position: 100% 50%;
  19.         padding: 1px 17px 0 0;
  20. }
  21.  
  22. fieldset.gallery dd.simulate-dt label {
  23.         margin-left:    0;
  24.         float:                  left;
  25.         font-weight:    bold;
  26.         text-align:             left;
  27.         color:                  #425067;
  28. }
  29. .rtl fieldset.gallery dd.simulate-dt label {
  30.         text-align:             right;
  31. }
  32.  
  33. fieldset.gallery dl:hover dd.simulate-dt label {
  34.         color:                  #000000;
  35. }
  36.  
  37. fieldset.gallery dt.simulate-dt {
  38.         width:                  22em;
  39. }
  40.  
  41. fieldset.gallery dt.first {
  42.         min-height:             16em;
  43. }
  44.  
  45. fieldset.gallery dd.simulate-dt {
  46.         margin-left:    0;
  47.         float:                  left;
  48. }
  49.  
  50. fieldset.gallery dd.simulate-dd {
  51.         margin-left:    35em;
  52. }
  53.  
  54. fieldset.gallery #format-buttons {
  55.         margin-top: 0;
  56. }
  57.  
  58. fieldset.gallery input.readonly, fieldset.gallery textarea.readonly {
  59.         background: #DCDCDC;
  60. }
  61.  
  62. dd.g_lastimage {
  63.         padding-left: 5px;
  64.         width: 30%;
  65. }
  66.  
  67. dd.g_moderation {
  68.         width: 35%;
  69. }
  70.  
  71. dd.g_rating, dd.g_comments {
  72.         width: 12%;
  73.         text-align: center;
  74.         font-size: 1.1em;
  75. }
  76.  
  77. dd.g_status {
  78.         width: 15%;
  79.         text-align: center;
  80.         font-size: 1.1em;
  81. }
  82.  
  83. span.reported-images-number {
  84.         color: red;
  85. }
  86.  
  87. .g_unapproved {
  88.         background: 100% 0 no-repeat url("./images/icon_gallery_unapproved.gif");
  89. }
  90.  
  91. .g_locked {
  92.         background: 100% 0 no-repeat url("./images/icon_gallery_locked.gif");
  93. }
  94.  
  95. .g_reported {
  96.         background: 100% 0 no-repeat url("./images/icon_gallery_reported.gif");
  97. }
  98.  
  99. input.autowidth-gallery {
  100.         width: 96%;
  101.         max-width: 186px;
  102. }
  103.  
  104. .polaroid img {
  105.         max-height: 160px;
  106.         max-width: 240px;
  107. }
  108.  
  109. .polaroid
  110. {
  111.         width: 242px;
  112.         background: #FFFFFF;
  113.         display: block;
  114.         float: left;
  115.         margin: 3px;
  116.         padding: 3px;
  117.         text-align: center;
  118.         text-decoration: none;
  119.         box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
  120.         transition: all .15s linear;
  121.         border: 1px solid #EFEFEF;
  122. }
  123.  
  124. .image_unapproved
  125. {
  126.         display: inline-block !important;
  127.         background: transparent none 0 0 no-repeat;
  128.         margin: 0;
  129.         padding: 0;
  130.         width: 0;
  131.         height: 0;
  132.         overflow: hidden;
  133.         background-image: url("./images/icon_topic_unapproved.png");
  134.         padding-left: 16px;
  135.         padding-top: 14px;
  136.         float: right;
  137. }
  138.  
  139. .image_locked
  140. {
  141.         display: inline-block !important;
  142.         background: transparent none 0 0 no-repeat;
  143.         margin: 0;
  144.         padding: 0;
  145.         width: 0;
  146.         height: 0;
  147.         overflow: hidden;
  148.         background-image: url("./images/lock.png");
  149.         padding-left: 16px;
  150.         padding-top: 14px;
  151.         float: right;
  152. }
  153.  
  154.  
  155.  
  156. .image_prev_image
  157. {
  158.         float: left;
  159.         text-align: left;
  160.         width: 48%;
  161.         clip-path: url(#left_arrow);
  162. }
  163. .image_next_image
  164. {
  165.         float: right;
  166.         text-align: right;
  167.         width: 48%;
  168.         clip-path: url(#right_arrow);
  169. }
  170.  
  171. .postbody_album {
  172.         text-align:center;
  173. }
  174. .postbody_album img.postimage {
  175.         margin: 10px auto 10px auto;
  176.         max-width: 100%;
  177.         -webkit-box-sizing: border-box;
  178.         -moz-box-sizing: border-box;
  179.         box-sizing: border-box;
  180. }
  181.  
  182. .trophy-container
  183. {
  184.         position: relative;
  185.         float: right;
  186.         margin-left: -100%;
  187.         font-size: 3em;
  188.         color: #f2f2f2;
  189.         top: -20px;
  190.         left: -10px;
  191. }
  192.  
  193. .trophy-icon
  194. {
  195.         margin-left: -22px;
  196.         margin-top: -6px;
  197.         display: inline-block;
  198.         font-weight: normal;
  199.         font-style: normal;
  200.         font-variant: normal;
  201.         font-family: FontAwesome;
  202.         font-size: 2em;
  203.         line-height: 1;
  204.         text-rendering: auto;
  205.         -webkit-font-smoothing: antialiased;
  206.         -moz-osx-font-smoothing: grayscale;
  207.         text-shadow: 1px 1px 1px #b7b7b7;
  208.  
  209. }
  210.  
  211. .trophy-text
  212. {
  213.         font-size: 0.8em;
  214. }
  215.  
  216. .trophy-color-1
  217. {
  218.         color: #FFD700;
  219. }
  220. .trophy-color-2
  221. {
  222.         color: silver;
  223. }
  224. .trophy-color-3
  225. {
  226.         color: #CD7f32;
  227. }

Quellcode

Hier kannst du den Code kopieren und ihn in deinen bevorzugten Editor einfügen. Alternativ kannst du den gesamten Eintrag auch als Datei herunterladen.