theiacon.less 2.87 KB
Newer Older
Zhou Fang's avatar
Zhou Fang committed
1
.header-theiacon-2021-event {
Zhou Fang's avatar
Zhou Fang committed
2
  background-image: url('images/theiacon/theia-background-image.jpg');
Zhou Fang's avatar
Zhou Fang committed
3
  background-size: cover;
Zhou Fang's avatar
Zhou Fang committed
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  background-position: center;
  img.img-responsive {
    @media (min-width: 768px) {
      width: 200px;
      margin-top: 10px;
    }
    @media (min-width: 992px) {
      width: 260px;
      margin-top: 5px;
    }
    margin-top: 5px;
    width: 180px;
    max-width: 260px;
  }
Zhou Fang's avatar
Zhou Fang committed
18
  .featured-jumbotron {
Zhou Fang's avatar
Zhou Fang committed
19
20
21
22
23
24
25
26
27
    & {
      text-shadow: 2px 2px #000;
    }
    .col-md-20 {
      @media (min-width: 768px) {
        width: 100%;
        margin: 0px;
      }
    }
28
    h1 {
Zhou Fang's avatar
Zhou Fang committed
29
30
31
32
33
34
      margin-bottom: 0;
      &:after {
        border: none;
      }
    }
    .headerCtn {
Zhou Fang's avatar
Zhou Fang committed
35
36
37
      @media (min-width: 768px) {
        align-items: flex-end;
      }
Zhou Fang's avatar
Zhou Fang committed
38
      position: relative;
Zhou Fang's avatar
Zhou Fang committed
39
40
41
      display: flex;
      flex-direction: column;
      align-items: center;
Zhou Fang's avatar
Zhou Fang committed
42
43
44
      .rocketCtn {
        @media (min-width: 768px) {
          right: 400px;
Zhou Fang's avatar
Zhou Fang committed
45
          top: 10px;
Zhou Fang's avatar
Zhou Fang committed
46
47
        }
        @media (min-width: 992px) {
Zhou Fang's avatar
Zhou Fang committed
48
          right: 530px;
Zhou Fang's avatar
Zhou Fang committed
49
50
51
52
53
54
55
56
57
58
59
60
61
          width: 450px;
          height: 320px;
        }
        right: calc(50vw - 175px);
        top: 90px;
        width: 350px;
        height: 240px;
        position: absolute;
        background-image: url('images/theiacon/theia-rocket-whitefonts.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
      }
Zhou Fang's avatar
Zhou Fang committed
62
63
64
      h1 {
        @media (min-width: 768px) {
          margin: 60px 0 0;
Zhou Fang's avatar
Zhou Fang committed
65
          width: 390px;
Zhou Fang's avatar
Zhou Fang committed
66
67
68
          text-align: left;
        }
        @media (min-width: 992px) {
Zhou Fang's avatar
Zhou Fang committed
69
          width: 510px;
Zhou Fang's avatar
Zhou Fang committed
70
        }
Zhou Fang's avatar
Zhou Fang committed
71
        margin-top: -15px;
Zhou Fang's avatar
Zhou Fang committed
72
73
74
75
        text-align: center;
      }
      h2 {
        @media (min-width: 768px) {
Zhou Fang's avatar
Zhou Fang committed
76
          margin: 0 0 40px;
Zhou Fang's avatar
Zhou Fang committed
77
          text-align: left;
Zhou Fang's avatar
Zhou Fang committed
78
          width: 390px;
Zhou Fang's avatar
Zhou Fang committed
79
80
81
        }
        @media (min-width: 992px) {
          font-size: 26px;
Zhou Fang's avatar
Zhou Fang committed
82
          width: 510px;
Zhou Fang's avatar
Zhou Fang committed
83
84
85
86
        }
        text-align: center;
        font-size: 20px;
        font-weight: 500;
Zhou Fang's avatar
Zhou Fang committed
87
88
        margin-top: 230px;
        color: #00e2ff;
89
90
      }
    }
Zhou Fang's avatar
Zhou Fang committed
91
92
93
94

    .list-inline {
      & {
        @media (min-width: 768px) {
Zhou Fang's avatar
Zhou Fang committed
95
          flex-direction: row;
96
          justify-content: center;
Zhou Fang's avatar
Zhou Fang committed
97
          flex-wrap: wrap;
Zhou Fang's avatar
Zhou Fang committed
98
99
100
        }
        display: flex;
        flex-direction: column;
101
      }
Zhou Fang's avatar
Zhou Fang committed
102
103
104
105
      .btn {
        width: 220px;
        text-shadow: none;
        margin-bottom: 15px;
106
107
      }
    }
Zhou Fang's avatar
Zhou Fang committed
108
  }
Zhou Fang's avatar
Zhou Fang committed
109
}
110

Zhou Fang's avatar
Zhou Fang committed
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
.theiacon-ctn .eclipsefdn-registration {
  margin: 40px 0;
}

.theiacon-sponsored-by-section {
  & {
    margin: 40px 0;
  }
  .logos-ctn {
    display: flex;
    justify-content: center;
    img {
      margin: 25px;
      width: 160px;
      &:last-child {
        width: 200px;
127
128
      }
    }
Zhou Fang's avatar
Zhou Fang committed
129
130
131
132
133
134
135
136
137
138
139
  }
  .list-inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    li {
      height: 80px;
      width: 180px;
      display: flex;
      justify-content: center;
      align-items: center;
140
    }
Zhou Fang's avatar
Zhou Fang committed
141
  }
Zhou Fang's avatar
Zhou Fang committed
142
}