Blame view

Sioux/Tableau.css 1.37 KB
a69a94a7   skhinach   Ajout de gestion ...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
  
  
  body 
  {
  	font-family: 'lato', sans-serif;
  }
  
  
  .container 
  {
    	max-width: 1000px;
    	margin-left: auto;
    	margin-right: auto;
    	padding-left: 10px;
    	padding-right: 10px;	
  }
  
  h2 
  {
    	font-size: 26px;
    	margin: 20px 0;
    	text-align: center;
  }
  
  
  li 
  {
          border-radius: 3px;
          padding: 25px 30px;
          display: flex;
          justify-content: space-between;
          margin-bottom: 25px;
  }
  
  .table-entete 
  {
          background-color: #95A5A6;
          font-size: 14px;
          text-transform: uppercase;
          letter-spacing: 0.03em;
  }
  
  .table-ligne
  {
          background-color: #ffffff;
          box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
  }
  
  .nom
  {
          flex-basis: 40%;
  }
  
  .etat
      {
33777c91   skhinach   Test
56
57
58
59
60
61
          flex-basis: 30%;
  }
  
  .commande
  {
  	flex-basis: 30%;
a69a94a7   skhinach   Ajout de gestion ...
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
  }
  
  .no_inter
  {
  	text-align: center;
  	flex-basis: 100%;
  }
  
  @media all and (max-width: 767px) 
  {
          .table-entete 
      {
              display: none;
          }
  
      .table-ligne
      {
      
          }
  
          li 
      {	
              display: block;
          }
  
          .col 
      {
              flex-basis: 100%; 
          }
  
          .col 
      {
              display: flex;
              padding: 10px 0;
              &:before 
          {
                  color: #6C7A89;
                  padding-right: 10px;
                  content: attr(data-label);
                  flex-basis: 50%;
                  text-align: right;
              }
          }
  }