Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 4c3f70c4

Přidáno uživatelem Jiří Noháč před asi 4 roky(ů)

Issue #7845 @2h

Oprava designu seznamu artefaktu. Pridany obrazky, styl textu, pridana tlacitka na info a take "likey". Like jiz take maji hotovou animaci stisknuti. Dale je nutne dodelat akcni schopnosti informacniho tlacitka a like tlacitka.

Zobrazit rozdíly:

public/css/app.css
10882 10882
  }
10883 10883
}
10884 10884

  
10885
@font-face {
10886
  font-family: "Avenir Black LINK";
10887
  src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot");
10888
  src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.svg#Avenir Black") format("svg");
10889
}
10890

  
10891
@font-face {
10892
  font-family: "Avenir Roman LINK";
10893
  src: url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.eot");
10894
  src: url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.woff") format("woff"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.svg#Avenir") format("svg");
10895
}
10896

  
10897
@font-face {
10898
  font-family: "Avenir Medium LINK";
10899
  src: url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.eot");
10900
  src: url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.woff") format("woff"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.svg#Avenir Medium") format("svg");
10901
}
10902

  
10885 10903
body {
10886 10904
  background-color: #272727;
10887 10905
}
10888 10906

  
10889 10907
.head-title.text-center h1 {
10890 10908
  color: #ffffff;
10891
  font-family: Avenir;
10892
  font-size: 60pt;
10909
  font-family: "Avenir Black LINK";
10910
  font-size: 45pt;
10893 10911
  font-weight: bold;
10894 10912
  letter-spacing: 3px;
10895 10913
}
10896 10914

  
10915
h5 {
10916
  color: #efdab3;
10917
  font-family: "Avenir Medium LINK";
10918
  line-height: 20pt;
10919
  font-size: 21pt;
10920
}
10921

  
10922
h6 {
10923
  color: #efdab3;
10924
  font-size: 14pt;
10925
  font-weight: lighter;
10926
  font-family: "Avenir Roman LINK";
10927
}
10928

  
10929
img {
10930
  border: transparent;
10931
  border-radius: 1px;
10932
}
10933

  
10934
.card {
10935
  margin: 10px;
10936
  border: none !important;
10937
}
10938

  
10939
.left_panel_info {
10940
  margin-top: 20pt;
10941
  margin-left: -10pt;
10942
  max-width: 250px;
10943
}
10944

  
10945
.right_panel_info {
10946
  margin-top: 15pt;
10947
}
10948

  
10949
.card-cus-bottom {
10950
  background-color: #272727;
10951
}
10952

  
10897 10953
.bouton-image:before {
10898 10954
  content: "";
10899 10955
  width: 100px;
......
10911 10967
  border-color: transparent;
10912 10968
}
10913 10969

  
10970
.inter_info:before {
10971
  background-image: url(/images/Button_Info_60.png?fed957d534034a220f3fb939523ba297);
10972
  content: "";
10973
  width: 60px;
10974
  height: 60px;
10975
}
10976

  
10977
.inter_info:focus,
10978
.inter_info:active,
10979
.inter_info:hover {
10980
  background-color: transparent !important;
10981
  border-color: transparent !important;
10982
  outline: none !important;
10983
  box-shadow: none !important;
10984
}
10985

  
10986
.inter_like:before,
10987
.inter_like_filled:before {
10988
  background-image: url(/images/Hearth_Empty_60.png?07807b2bf7f8018c15473360e4cb97e0);
10989
  width: 60px;
10990
  height: 60px;
10991
}
10992

  
10993
.inter_like_filled:before {
10994
  background-image: url(/images/Hearth_Filled_60.png?e1a8e6298bf4fdce9b9592128ee82e81);
10995
  width: 60px;
10996
  height: 60px;
10997
}
10998

  
10999
.inter_like {
11000
  display: none;
11001
}
11002

  
11003
.inter_like:focus,
11004
.inter_like:active,
11005
.inter_like:hover {
11006
  background-color: transparent !important;
11007
  border-color: transparent !important;
11008
  outline: none !important;
11009
  box-shadow: none !important;
11010
}
11011

  
10914 11012
.monBouton:before {
10915 11013
  background-image: url(/images/Button_Arrow_Small.png?a8cfe4b884bf46d3f59113e2a5fb1c4c);
10916 11014
}

Také k dispozici: Unified diff