Subversion Repositories wimsdev

Rev

Rev 16285 | Rev 16851 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
8693 obado 1
/** Default widget_boxes style */
2
 
15005 obado 3
.mode_popup{
4
  padding:1em;
5
}
6
 
8693 obado 7
.wims_widget_box {
8
  margin: 5px;
15005 obado 9
  max-width: 900px;
8693 obado 10
}
11
 
16285 obado 12
.wims_columns {
13
  display: flex;
14
  flex-wrap: wrap;
15
}
16
 
8693 obado 17
.wims_widget_box .title_box {
18
  border-radius: 5px 5px 0 0 ;
19
  border: 1px solid #BBB;
20
  border-bottom-width: 0;
21
  margin: 0;
8700 obado 22
  padding: .5em;
8693 obado 23
}
24
 
8700 obado 25
.wims_widget_box .title_box h1,
26
.wims_widget_box .title_box h2,
27
.wims_widget_box .title_box h3  {
28
  margin-top: 2px;
29
  margin-bottom: 0;
30
}
31
 
8693 obado 32
.wims_widget_box .title_box .wims_title {
33
  /* Text shadow for light text on dark background */
11914 bpr 34
  /*text-shadow: -1px -1px 1px rgba(0, 0, 0, .5), 1px 1px 1px rgba(0, 0, 0, .5);*/
8693 obado 35
}
36
 
37
.wims_widget_box .box_content {
12590 obado 38
  display: block;
8693 obado 39
  background-color: #fff;
40
  margin: 0;
41
  padding: .5em;
42
  clear: both;
43
  /*text-align: center;*/
44
  border: 1px solid #BBB;
45
  border-radius: 0 0 5px 5px ;
10468 obado 46
  min-height: 6em;
47
  box-sizing: border-box;
8693 obado 48
}
49
 
50
 
16570 obado 51
/** details/summary html5 tags (accordions)  **/
52
details {
53
  max-width: 600px;
54
  background-color: #2222;
55
  margin-bottom: .5rem;
56
  padding: 0 .5rem .5rem .5rem;
57
  box-shadow: 0 .1rem 1rem -.5rem rgba(0,0,0,.4);
58
}
59
 
60
summary {
61
  padding: .5rem;
62
  margin: 0 -.5rem;
63
  background-color: #2222;
64
  cursor: pointer;
65
  transition: 0.4s background-color ease;
66
}
67
 
68
summary:hover, summary:focus{
69
  background-color: #2224;
70
}
71
 
72
 
73
 
8693 obado 74
/* Small screens */
75
@media only screen and (max-width: 40em) {
76
  .medium_size {
16285 obado 77
    width:100%;
12590 obado 78
    margin: 5px;
8693 obado 79
  }
80
}
81
 
82
/* Medium screens */
83
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
84
  .medium_size {
16285 obado 85
    max-width: 40em;
86
    margin: .8em auto;
8693 obado 87
  }
88
}
89
 
90
/* Large screens */
91
@media only screen and (min-width: 64.063em) {
92
  .medium_size {
93
    width:50%;
94
    margin: 0;
95
    padding: .5em;
96
    box-sizing:border-box;
97
  }
16570 obado 98
  .side_col{width: 30%;}
99
  .main_col{width: auto;}
8693 obado 100
}