_layout.scss 3.53 KB
Newer Older
Jacek Lebioda's avatar
Jacek Lebioda committed
1
#site-content {
Jacek Lebioda's avatar
Jacek Lebioda committed
2
3
4
5
6
7
8
9
  h1.title {
    font-size: 37px;
    color: #005472;
    line-height: 1.1;
    font-weight: 300;
    margin: 0 0 12px;
  }

10
  article.one_column {
Jacek Lebioda's avatar
Jacek Lebioda committed
11
    display: block;
12
13
  }

Jacek Lebioda's avatar
Jacek Lebioda committed
14
15
  article {
    padding-bottom: 50px;
Jacek Lebioda's avatar
Jacek Lebioda committed
16
    min-height: 400px;
Jacek Lebioda's avatar
Jacek Lebioda committed
17
18
19
20
    padding-right: 10px;
    margin: 0;
    display: flex;

Jacek Lebioda's avatar
Jacek Lebioda committed
21
22
23
    hr {
      border-top: solid 1px #f7f7f7;
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
24

Jacek Lebioda's avatar
Jacek Lebioda committed
25
    div.narrower-article-div {
Jacek Lebioda's avatar
Jacek Lebioda committed
26
27
28
29
30
31
      .index-flex {
        .index-gray-box {
          padding: 20px;
          border-radius: 6px;
          background: #efefef;
          border: 1px solid #ebebeb;
32
          width: auto;
Jacek Lebioda's avatar
Jacek Lebioda committed
33
34
35
36
37
          margin-right: 2%;
          margin-bottom: 15px;
        }

        .index-photo {
38
          border: solid 0 black;
Jacek Lebioda's avatar
Jacek Lebioda committed
39
40
41
42
43
          flex-grow: 1;
          margin-right: 2%;

          img {
            width: -webkit-fill-available;
44
            max-width: 100%;
45
            min-width: 200px;
Jacek Lebioda's avatar
Jacek Lebioda committed
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
          }
        }

        .index-box {
          flex-grow: 1;
          margin-right: 2%;
          margin-bottom: 2%;
          border-radius: 0 0 12px 12px;
          background: #efefef;
          border: 1px solid #ebebeb;

          img {
            width: 100%;
          }

          .index-box-caption {
            color: #262626;
            font-size: 1rem;
            padding: 12px 5px 12px 12px;

            a {
              text-decoration: none;
              font-weight: bolder;
            }
          }
        }
Jacek Lebioda's avatar
Jacek Lebioda committed
72
73
74
      }
    }

75
76
77
78
79
80
    img.fit-width {
      display: -webkit-box;
      width: -webkit-fill-available;
      max-width: 600px;
    }

Jacek Lebioda's avatar
Jacek Lebioda committed
81
    #right-column {
Jacek Lebioda's avatar
Jacek Lebioda committed
82
      padding-left: 20px;
Jacek Lebioda's avatar
Jacek Lebioda committed
83
84
85
      min-width: 220px;
    }

Jacek Lebioda's avatar
Jacek Lebioda committed
86
    #left-column {
Jacek Lebioda's avatar
Jacek Lebioda committed
87
      margin-left: 10px;
Jacek Lebioda's avatar
Jacek Lebioda committed
88
89
      padding-top: 20px;
      padding-right: 20px;
90
      width: 220px;
91
      min-width: 220px;
Jacek Lebioda's avatar
Jacek Lebioda committed
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

      h2 {
        color: #005472;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 300;
        margin: 0;
        border-bottom: 1px solid #ccc;
      }

      ul {
        width: 200px;
        padding-inline-start: 20px;
        list-style: none;
        margin: 0;

        li {
          padding: 0;
          margin: 0;

          a {
            color: #222;
            line-height: 1.2;
            text-decoration: none;
            display: block;
            border-bottom: 1px solid #efefef;
            padding: 10px 5px 10px 15px;
          }

121
122
123
124
125
          a.active {
            font-weight: 800;
            color: $COLOR_LINK_ELIXIR !important;
          }

Jacek Lebioda's avatar
Jacek Lebioda committed
126
127
128
129
          a:hover {
            color: #060606;
            text-decoration: underline;
          }
Jacek Lebioda's avatar
Jacek Lebioda committed
130
        }
Jacek Lebioda's avatar
Jacek Lebioda committed
131
      }
Jacek Lebioda's avatar
Jacek Lebioda committed
132
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
133
  }
Jacek Lebioda's avatar
Jacek Lebioda committed
134
135
}

Jacek Lebioda's avatar
Jacek Lebioda committed
136
table {
Jacek Lebioda's avatar
Jacek Lebioda committed
137
  margin-top: 10px;
Jacek Lebioda's avatar
Jacek Lebioda committed
138
  border: solid 1px #ffdfdf;
139
  border-collapse: collapse;
Jacek Lebioda's avatar
Jacek Lebioda committed
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155

  thead tr {
    font-weight: 700;

    th {
      background: $COLOR_BACKGROUND_HEADER;
      padding: 7px 12px;
      color: #f6f6f6;
      border-bottom: 0;
      text-align: left;
    }
  }

  tbody tr {
    padding: 9px 2px;
    border: solid 1px #d6d6d6;
156

Jacek Lebioda's avatar
Jacek Lebioda committed
157
158
159
    td {
      padding: 5px 20px 5px 10px;
    }
Jacek Lebioda's avatar
Jacek Lebioda committed
160
161
  }
}
Jacek Lebioda's avatar
Jacek Lebioda committed
162
163
164
165
166
167
168
169
170
171

div.post {
  width: 80%;
  border-left: solid 5px #f4f4f4;
  border-bottom: solid 2px #f4f4f4;
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 30px;

  .post-title {
Jacek Lebioda's avatar
Jacek Lebioda committed
172
    font-size: 23px;
Jacek Lebioda's avatar
Jacek Lebioda committed
173
    text-decoration: none;
Jacek Lebioda's avatar
Jacek Lebioda committed
174
175
176
177
178
    font-weight: 600;
  }

  .post-date {
    font-size: smaller;
Jacek Lebioda's avatar
Jacek Lebioda committed
179
180
  }
}
181

182
183
184
185
186
187
div header h1 {
  font-size: xx-large;
  font-weight: 100;
  text-transform: uppercase;
}

Jacek Lebioda's avatar
Jacek Lebioda committed
188
input.search {
189
  width: 330px;
Jacek Lebioda's avatar
Jacek Lebioda committed
190
191
  height: 35px;
  font-size: 20px;
192
  padding: 5px 5px 5px 10px;
Jacek Lebioda's avatar
Jacek Lebioda committed
193
194
195
196
197
198
199
200
201
  border-radius: 5px;
  border: solid 3px #f47d21;
}

button.search {
  margin-left: 8px;
  height: 50px;
  font-size: 20px;
}