event.css 3.54 KB
Newer Older
Thitichaipun Wutthisak committed
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 56 57 58 59 60 61 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 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183
.bg-event{
   background-image: url('../../IMAGES/EMPVIEW_INDEX/bg/EventBG.jpg');
   background-position: center;
   width: 100%;
   height: 860px;
   transition: all 0.2s !important;
   transition-timing-function: linear;
   opacity: 0.6;
   z-index: 0;
   position: absolute;
}
#Event{
   min-height: 860px !important;
   margin-bottom: 0 !important;
}
.event-block{
   display: block;
   float: left;
   width: 28%;
   height: 800px;
   margin-top: 20px;
   background-color: #fff;
   z-index: 50;
   margin-left: 3%;
   box-shadow: 1px 2px 10px #474747;
   border-radius: 1px;
   transition: all 0.2s;
}
.first-element{
   margin-left: 4.5% !important;
}
.event-hidden{
   display: none !important;
}
.event-block .event-head{
   display: block;
   float: left;
   width: 100%;
   height: 30%;
}

.event-block .event-head .img-block{
   display: block;
   float:left;
   width: 100%;
   height: 100%;
}
.event-block .event-head{
   display: block;
   float: left;
   width: 100%;
}
.event-body{
   display: block;
   float: left;
   width: 100%;
   height: 58%;
}
.event-block .event-body .title{
   display: block;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 24px;
   margin-top: 15px;
   margin-bottom: 10px;
}
.event-block .event-body .datestart, .event-block .event-body .dateend, .event-block .event-body .place{
   display: block;
   width: 100%;
   float: left;
   font-size: 18px;
   padding-left: 30px;
   padding-bottom: 7px;
   padding-right: 30px;
}
.event-block .event-body .detail-ev{
   display: block;
   float: left;
   width: 100%;
   padding-left: 30px;
   padding-right: 30px;
   font-size: 18px;
   padding-top: 20px;
   color: #393939;
   font-style: italic;
}
.read-more{
   display: block;
   float: left;
   width: 100%;
   height: 5%;
   text-align: right;
   border-bottom: 2px solid #CECECE;
   padding-right: 30px;
   font-size: 18px;
}
.read-more a{
   color: #393939;
}
.event-block .event-footer{
   display: block;
   float: left;
   width: 100%;
   height: 7%;
}
.event-block .event-footer .user-post{
   color: #656565;
   height: 100%;
   padding-top:15px;
   padding-left: 30px;
}
.event-block .event-footer .user-post .fa{
   font-size: 24px;
   padding-right: 10px;
}
.event-block .event-footer .user-post .user-span{
   font-size: 18px;
}
.left-arrow{
   display: block;
   float: left;
   width: 50%;
   position: absolute;;
   font-size: 50px;
   z-index: 100;
   margin-top: 430px;
   padding-left: 25px;
   color: #fff;
   text-align: left;
   cursor: pointer;
}
.right-arrow{
   display: block;
   float: right;
   width: 50%;
   font-size: 50px;
   z-index: 100;
   margin-top: 430px;
   margin-left: 50%;
   padding-right: 25px;
   color: #fff;
   position: absolute;
   text-align: right;
   cursor: pointer;
}
.title-event{
   left: 30%;
   width: 30%;
}
.head-topic{
   font-size: 36px;
}
.title-event .titledate-start, .title-event .titledate-end, .title-event .titleplace{
   font-size: 18px;
}
.work-inner{
   padding-left: 30px;
   padding-right: 30px;
}
.ev-color{
   color: #fff !important;
}
@media screen and (max-width: 1366px){
   .event-block .event-body .title{
      font-size: 20px !important;
   }
   .event-block .event-body .datestart , .event-block .event-body .dateend, .event-block .event-body .place{
      font-size: 16px !important;
   }
   .detail-ev{
      font-size: 15px !important;
   }
   .event-block .event-footer .user-post .fa{
      font-size: 19px !important;
   }
   .event-block .event-footer .user-post .user-span{
      font-size: 15px !important;
   }
   .read-more{
      font-size: 15px !important;
   }
}