Завантаження новин...
.flex-middle {
display: flex;
align-items: center;
}
.container {
width: 300px;
height: 412px;
float: left;
padding: 0 19px;
border: solid 1px #dedede;
border-radius: 2px;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04);
background: #fff;
}
.container-title {
height: 58px;
font-weight: 500;
font-size: 18px;
}
.container-footer { height: 58px; }
.viewport-wrapper {
height: 294px;
position: relative;
overflow: hidden;
border: solid 1px #dedede;
border-width: 1px 0;
}
.viewport {
width: 100%;
overflow: hidden;
position: absolute;
left: 0;
top: 7px;
bottom: 7px;
}
.content {
position: absolute;
left: 0;
right: 0;
}
.content-list {
padding: 0 20px 0 17px;
user-select: none;
}
.content-list li + li { margin-top: 10px; }
.scrollbar, .scroller {
width: 4px;
position: absolute;
top: 0;
}
.scrollbar {
right: 0;
bottom: 0;
}
.scroller {
left: 0;
border-radius: 2px;
background: #ccc;
cursor: pointer;
}
.injectLoadBlock {
height: 619px;
}
.cssload-thecube {
width: 100px;
height: 110px;
margin: 0 auto;
margin-top: 49px;
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(107, 22, 23);
animation: cssload-fold-thecube 2.76s infinite linear both;
-o-animation: cssload-fold-thecube 2.76s infinite linear both;
-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
animation-delay: 0.35s;
-o-animation-delay: 0.35s;
-ms-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
-moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube {
0%, 10% {
transform: perspective(136px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
transform: perspective(136px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
transform: perspective(136px) rotateY(180deg);
opacity: 0;
}
}
@-o-keyframes cssload-fold-thecube {
0%, 10% {
-o-transform: perspective(136px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-o-transform: perspective(136px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-o-transform: perspective(136px) rotateY(180deg);
opacity: 0;
}
}
@-ms-keyframes cssload-fold-thecube {
0%, 10% {
-ms-transform: perspective(136px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-ms-transform: perspective(136px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-ms-transform: perspective(136px) rotateY(180deg);
opacity: 0;
}
}
@-webkit-keyframes cssload-fold-thecube {
0%, 10% {
-webkit-transform: perspective(136px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(136px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(136px) rotateY(180deg);
opacity: 0;
}
}
@-moz-keyframes cssload-fold-thecube {
0%, 10% {
-moz-transform: perspective(136px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-moz-transform: perspective(136px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-moz-transform: perspective(136px) rotateY(180deg);
opacity: 0;
}
}
}
#injectTargetNum1 div.intable {
float: left !important;
background-size: cover;
}
#injectTargetNum1 .intable:hover {
filter: none;
display: inherit;
}
#injectTargetNum1 .intable:hover div.ones {
display: inherit !important;
}
.main-post {
display: inline-block;
width: 55%;
height: 600px;
float: left;
}
.news-list {
display: inline-block;
width: 45%;
height: 600px;
float: left;
overflow-y: scroll;
overflow-x: hidden;
}
.news-post.first-post {
display: none;
}
@media only screen and (max-width: 700px) {
.news-post.first-post {
display: block;
}
.main-post {
display: none;
width: 55%;
height: 600px;
float: left;
}
.news-list {
display: inline-block;
width: 100%;
height: auto;
float: left;
/*overflow-y: scroll;*/
overflow-x: hidden;
}
}
.news-block {
width: 100%;
}
.news-post .post-combiner .image , .news-post .post-combiner .news-date{
width: 100%;
}
.news-title {
text-align: center;
font-weight: 600;
color: #831409;
border-bottom: 1px solid #831409;
border-top: 1px solid #831409;
border-left: 5px solid #831409;
border-right: 5px solid #831409;
padding: 15px 0px 15px 0px;
margin-bottom: 0px;
}
.news-post {
display: inline-block;
width: 100%;
height: 100px;
background: rgba(200,200,200,0.05);
/*margin-left: 15px;*/
/*margin-top: 15px;*/
border: solid 1px #831409;
float: left;
overflow: hidden;
}
/*.news-list .news-post a.news-button {
right: -500px;
position: absolute;
display: inline-block;
opacity: 1;
z-index: 5;
line-height: 100px;
height: 100px;
margin: 0;
width: 12%;
}
.news-list .news-post:hover a.news-button {
right: 0px;
display: inline-block;
opacity: 1;
background: #83140952;
}*/
.post-combiner {
display: inline-block;
width: 20%;
height: 100px;
float: left;
}
.news-date {
display: block;
position: relative;
background: rgba(131,20,9,0.9);
text-align: center;
/*padding: 5px 10px;*/
/*width: 120px;*/
/*border-radius: 0px 0px 50px 0px;*/
color: white;
z-index: 1;
margin: auto;
padding: 0;
height: 20px;
line-height: 20px;
width: 99%;
font-size: 14px;
overflow: hidden;
}
.news-post .image {
display: inline-block;
/*width: 100px;*/
width: 20%;
height: 80px;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: cover;
/*border-bottom: 1px solid #831409;*/
filter: grayscale(100%) brightness(100%);
transition: 0.2s;
box-sizing: border-box;
}
.news-post:hover .image {
filter: grayscale(0%) brightness(110%);
transition: 0.2s;
}
.news-postTitle {
display: inline-block;
width: 60%;
height: 100px;
text-align: center;
padding: 10px 0px;
margin: 0;
font-weight: 600;
line-height: 18px;
font-size: 17px;
white-space: wrap;
overflow: hidden;
color: #222;
box-sizing: border-box;
border-bottom: 1px silver solid;
float: left;
}
a.news-button {
display: inline-block;
margin: auto;
width: 15%;
height: auto;
color: #831409;
font-size: 17px;
font-weight: 500;
background: rgba(0,0,0,0);
text-align: center;
/*padding: 8px 22px 8px 22px;*/
border: 1px solid #831409;
cursor: pointer;
float: left;
margin-top: 6%;
transition: 0.2s;
text-decoration: none;
}
a.news-button:hover {
background: #831409;
color: white;
transition: 0.2s;
}
a.news-button:active {
background: rgba(191, 20, 9, 1);
}
.main-post .news-post {
height: 600px;
background: #fbf7f6;
}
.main-post .news-date {
margin-top: 2%;
}
.main-post .news-post .image {
display: block;
/*width: 50%;*/
width: 100%;
float: left;
/*height: 200px;*/
height: 500px;
margin: 0px 10px 0px 0px;
background-position: 50% 40%;
background-size: 100%;
filter: grayscale(0%) brightness(100%);
}
.main-post .news-postTitle {
width: 99%;
height: auto;
display: block;
margin: auto;
/*border-bottom: 1px #831409 solid;*/
border-top: 1px #831409 solid;
background: #fbf7f6;
}
.main-post .post-rendered p {
margin: 0;
padding: 10px 20px;
}
.main-post a.news-button {
display: block;
margin: auto;
float: none;
width: 90%;
margin-top: 8px;
}
.main-post .post-rendered {
padding: 0px 0px;
background: #fbf7f6;
width: 99%;
max-height: 450px;
overflow: hidden;
text-overflow: ellipsis;
/*display: none;*/
margin: auto;
}
.shadowBlock {
display: none;
position: absolute;
top: 629px;
background: linear-gradient(180deg, rgba(251,247,246,0.1) 0%, rgba(251,247,246,0.5) 50%, rgba(251,247,246,1) 100%);
z-index: 5;
height: 10px;
width: 52%;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #831409;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #cb1409;
}
Події
31
Квітень
2022
«Засідання вченої ради університету»
Детальний опис події
Більше подій
.CustomEvents {
float: right;
width: calc(100% - 10px);
}
.CustomEvents .CustomEventsSingle:hover {
background: rgba(200, 22, 20, 0.06);
}
.CustomEvents .CustomEventsSingle .CustomEventsBackgroundDate * {
color: white !important;
}
.CustomEvents .CustomEventsSingle * {
color: black !important;
}
.CustomEventsMainTitle
{
text-align: center;
height: 30px;
line-height: 30px;
background: rgb(120,22,20);
color: white;
border-bottom: 1px silver solid;
margin-bottom: 5px;
font-weight: 600;
font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
letter-spacing: -0x;
box-shadow: 2px 4px 13px -6px black;
}
.CustomEventsSplitTitle {
text-align: center;
height: 30px;
line-height: 30px;
background: rgba(120,22,20,1);
color: white;
border-bottom: 1px silver solid;
margin-bottom: 5px;
font-weight: 600;
font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
letter-spacing: -0x;
}
.CustomEventsEmpty {
display: block;
height: 60px;
line-height: 60px;
margin: 0;
padding: 0;
background: rgba(120,22,20,0.06);
text-align: center;
border-bottom: solid 1px rgb(240, 240 ,240);
}
a.CustomEventsMoreEvents
{
display: block;
text-align: center;
height: 30px;
line-height: 30px;
background: rgb(251, 247, 246);
color: rgb(120,22,20);
border: 1px rgb(120,22,20) solid;
margin-bottom: 5px;
font-weight: 600;
font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
letter-spacing: -0x;
}
a.CustomEventsMoreEvents:hover {
background: : white !important;
background: rgb(120,22,20);
color: white;
}
/* replace color scheme */
.CustomEvents .CustomEventsSingle
{
background: rgba(120,22,20,0.06);
border-bottom: solid 1px rgb(240, 240 ,240);
}
.CustomEvents .CustomEventsBackgroundDate
{
float: left;
background: rgb(120,22,20);
box-shadow: 0px 4px 10px rgba(255,255,255,.12);
}
.CustomEvents .shadow{
background: linear-gradient( 45deg , rgba(255,255,255,0) 50%, rgba(120,22,22,1) 50% );
}
.CustomEventsBackgroundDate {
display: inline-block;
position: relative;
margin: 0;
left: -20px;
background: rgb(64,217,241);
width: 120px;
height: 50px;
box-shadow: 0 10px 10px rgba(0,0,0,.12);
z-index: 2;
top: 10px;
}
.CustomEventsBackgroundDate .day {
display: inline-block;
width: 40px;
text-align: center;
padding-top: 7px;
height: 50px;
float: left;
}
.CustomEventsBackgroundDate .month {
display: inline-block;
font-size: 13px;
text-align: left;
padding-top: 0px;
letter-spacing: 0px;
height: 25px;
line-height: 25px;
width: 70px;
float: left;
overflow: hidden;
}
.CustomEventsBackgroundDate .year {
display: inline-block;
font-size: 13px;
text-align: left;
height: 25px;
line-height: 25px;
width: 70px;
float: left;
overflow: hidden;
letter-spacing: 0px;
}
.shadow {
display: inline-block;
position: absolute;
right: calc(100% - 10px);
width: 19px;
height: 20px;
background: linear-gradient( 45deg , rgba(255,255,255,0) 50%, rgba(64,217,241,1) 50% );
z-index: 1;
margin: 60px 0px 0px 0px !important;
padding: 0;
overflow: hidden;
}
.CustomEventsTitle {
display: inline-block;
margin: 0;
padding: 5px 0px 0px 0px !important;
text-align: left;
height: 65px;
line-height: 20px;
/*min-width: 200px;*/
width: calc(100% - 120px);
font-size: 17px;
letter-spacing: -1px !important;
float: right;
overflow: hidden;
}
a.CustomEventsLink {
display: inline-block;
color: white;
cursor: pointer;
font-size: 13px;
height: 20px;
margin-left: 120px;
}
a.CustomEventsLink:before {
content: "";
display: inline-block;
width: 10px;
border-top: 1px solid black;
height: 5px;
margin-right: 5px;
}
.CustomEventsSingle h1 {
display: inline-block;
color: white;
font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
letter-spacing: -2px;
margin: 0;
padding: 0;
}
.CustomEventsSingle span {
display: inline-block;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.CustomEventsSingle {
display: block;
height: 100px;
margin: 0;
padding: 0;
background: rgb(40,40,40);
border-bottom: solid 3px rgb(64,217,241);
}
Електронні ресурси університету
<!--
Інформаційні повідомлення
-->
https://www.youtube.com/watch?v=3Cn1OMDlz2Ahttps://youtu.be/KRx8mB2iBMg
