Subversion Repositories wimsdev

Rev

Rev 16864 | 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 */
17966 obado 34
  /*text-shadow: -1px -1px 1px rgb(0 0 0 / .5), 1px 1px 1px rgb(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
  margin-bottom: .5rem;
54
  padding: 0 .5rem .5rem .5rem;
17966 obado 55
  box-shadow: 0 .1rem 1rem -.5rem rgb(0 0 0 / .4);
16570 obado 56
}
16851 obado 57
details summary ~ div{
58
  opacity: 0;
59
  transform: translateY(-10px);
60
  transition: .6s opacity ease,.6s transform ease;
61
}
62
details[open] summary ~ div {
63
  opacity: 1;
64
  transform: translateY(0);
65
}
16570 obado 66
 
67
summary {
68
  padding: .5rem;
69
  margin: 0 -.5rem;
70
  cursor: pointer;
16851 obado 71
  transition: .4s background-color ease;
16570 obado 72
}
16864 obado 73
summary:hover::marker, summary:focus::marker{
74
  color: var(--wims_hlink_color);
75
}
16570 obado 76
 
16864 obado 77
details.wims_details {
78
  background-color: #4442;
79
}
80
 
81
.wims_details>summary {
82
  background-color: #4442;
83
  margin-bottom: .25em;
84
}
85
 
86
.wims_details>summary:hover, .wims_details>summary:focus{
16851 obado 87
  background-color: #4444;
16570 obado 88
}
89
 
90
 
91
 
8693 obado 92
/* Small screens */
93
@media only screen and (max-width: 40em) {
94
  .medium_size {
16285 obado 95
    width:100%;
12590 obado 96
    margin: 5px;
8693 obado 97
  }
98
}
99
 
100
/* Medium screens */
101
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
102
  .medium_size {
16285 obado 103
    max-width: 40em;
104
    margin: .8em auto;
8693 obado 105
  }
106
}
107
 
108
/* Large screens */
109
@media only screen and (min-width: 64.063em) {
110
  .medium_size {
111
    width:50%;
112
    margin: 0;
113
    padding: .5em;
114
    box-sizing:border-box;
115
  }
16570 obado 116
  .side_col{width: 30%;}
117
  .main_col{width: auto;}
8693 obado 118
}