%PDF-
%PDF-
Mini Shell
Mini Shell
#map {
.gm-style-iw {
a { display:block; float:left; background:transparent; color:#004677; padding:0; transition:all .3s;
&:hover { color:#32bbdd; }
& + a { margin-left:13px; position:relative;
&:before { content:'|'; color:#999; position:absolute; top:-1px; left:-8px; }
}
}
}
}
.filter_button {
a { display:block; float:left; color:#32bbdd; font-size:48px; background:transparent; border:0; margin:0; padding:0; }
}
.gm-style-iw-d {
.flag {
max-width: 120px;
margin-bottom: 5px;
border: 2px solid #cacaca;
}
.emblem {
width: 80px;
height: 80px;
object-fit: contain;
position: absolute;
right: 10px;
}
}
.resultContainer{
.countrySidebar{
.flag {
border: 2px solid #cacaca;
}
}
}
.wrapp-projectsinSai{
.projectsinSai{
max-height: 244px;
overflow-y: auto;
}
}
.resultContainer{
.countrySidebar{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
img{
object-fit: contain;
// display: block;
margin-right: 10px;
margin-bottom: 10px;
&.flag{
max-width: 120px;
}
&.emblem{
max-width: 80px;
}
&:last-child{
margin-right: 0;
}
}
}
}
#footer .f_sec .admin a{
display: flex;
i{
width: 25px;
}
}
.content-documents{
.projectsinSai{
max-height: 280px;
}
.row_heading{
display: flex;
// text-align: center;
}
.file-type{
.wrapp-img{
width: 30px;
height: 30px;
background: #68b3d1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
img{
max-width: 12px;
}
}
}
.file-download,.file-type,.file-type-head,.file-download-head{
flex-basis: 85px;
display: flex;
align-items: center;
justify-content: center;
@media only screen and (max-width:768px) {
flex-basis: 65px;
}
}
.project_head{
display: flex;
align-items: center;
padding: 0 !important;
&:hover{
cursor: default !important;
opacity: 1 !important;
}
}
.file-type-head,.file-download-head,.file-title-head{
padding: 3px 10px;
@media only screen and (max-width:768px) {
padding: 3px 5px;
}
}
.file-type,.file-download,.file-title{
padding: 10px 10px;
@media only screen and (max-width:768px) {
padding: 3px 5px;
}
}
.file-title,.file-title-head{
flex: 1 1;
}
.file-download{
a{
width: 30px;
height: 30px;
background: #004677;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all ease-in-out 0.3s;
&:hover{
opacity: 0.8;
cursor: pointer;
}
i{
color: #fff;
}
}
}
}
#footer{
.f_sec,.copyright{
color: #fff;
.nav_container{
li{
background: none !important;
&:before{
display: none;
}
}
}
}
}
.form input, .form textarea, .form select{
min-width: 15px;
}
.form#addproject label .helper-bottom, .form#editproject label .helper-bottom{
&:hover{
.tooltip{
bottom: unset;
top: calc(100% + 10px);
}
}
}
.form#addproject label .helper-bottom .tooltip, .form#editproject label .helper-bottom .tooltip{
max-width: 100%;
padding: 5px;
bottom: unset;
top: 100%;
left: 0;
right: 0 !important;
width: unset;
&:after{
top: unset !important;
bottom: 100%;
transform: rotate(180deg);
}
}
.form#addproject label .helper, .form#editproject label .helper{
&.pointer-events-all{
.tooltip{
pointer-events: all !important;
}
}
&:hover{
&:before{
content:'';
position: absolute;
left: -15px;
right: -5px;
top: -15px;
bottom: -10px;
display: block;
z-index: 1;
}
}
}
.form#addproject label .tooltip, .form#editproject label .tooltip{
&:hover{
bottom: calc(100% + 10px);
opacity: 1;
}
}
.form#addproject label .helper .tooltip p span, .form#editproject label .helper .tooltip p span, .form#map_filter label .helper .tooltip p span{
color: #fff;
a{
color: #fff;
text-transform: uppercase;
text-decoration: underline;
}
}
.form#addproject .check_sel_toggel label,.form#editproject .check_sel_toggel label{
display: flex;
position: relative;
.helper-bottom{
margin-left: 10px;
}
}
.form#addproject .check_sel_toggel label .helper-bottom,.form#editproject .check_sel_toggel label .helper-bottom{
position: unset;
right: unset;
top: unset;
&:hover{
i{
position: relative;
&:after{
bottom: -10px;
right: 3px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(10, 65, 110, 0);
border-top-color: #0a416e;
border-width: 5px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
}
.tooltip{
&:after{
display: none;
}
}
&:hover{
&:before{
display: none !important;
}
}
}
.select_full_list_holder{
.check_sel_toggel{
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
// box-shadow: none !important;
}
.inner{
overflow-y: visible !important;
.row{
margin-bottom: 0 !important;
}
label{
transition: all ease-in-out 0.3s;
padding: 5px 15px;
cursor: pointer;
width: 100% !important;
input[type=radio]{
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
&:hover{
background: #044675;
color: #fff;
}
&.active{
background: #0064aa;
color: #fff;
}
}
}
}
@media only screen and (max-width:1100px) {
.form#addproject label .helper .tooltip, .form#editproject label .helper .tooltip, .form#map_filter label .helper .tooltip{
width: 330px;
}
}
.form#addproject .check_sel_holder .check_sel_toggel .row input, .form#editproject .check_sel_holder .check_sel_toggel .row input, .form#map_filter .check_sel_holder .check_sel_toggel .row input {
width: unset;
}
.story_container blockquote {
display: block;
width: 95%;
margin: 0 0 30px 5%;
background: #77c7ff;
padding: 30px 40px 30px 15%;
position: relative;
color: #fff;
p{
margin-bottom: 0;
}
&:before{
content: '”';
display: block;
position: absolute;
top: 30px;
left: 5px;
font-size: 120px;
color: #fff;
line-height: 90px;
@media only screen and (max-width:1300px) {
left: -16px;
}
}
}
.story_container{
.headerContainer{
color:#004677;
}
}
.module-1{
position: relative;
&:before{
content:'';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
background-color: rgba(0,0,0, 0.5);
}
}
#footer.section-footer{
@media only screen and (max-width:900px) {
display: none !important;
}
}
Zerion Mini Shell 1.0