Home
Politics
Governance
Security
Economy
Opinion
Culture
- PageTurner
- Zero Hour
Events
- Off The Cuff
- Democracy Wall
Hindi

Search

ThePrint

Friday, 19 October, 2018

Home
Politics
Governance
Security
Economy
Opinion
Culture
- PageTurner
- Zero Hour
Events
- Off The Cuff
- Democracy Wall
Hindi

Contact

3rd Floor, 9 & 10 Bahadurshah Zafar Marg, New Delhi 110002

Your Name (required)

Your Email (required)

Subject

Your Message

OnCamera

Trump soft on Saudi Arabia over Khashoggi: Arms business worry or does he need more proof?

ThePrint Team - 18 October, 2018

Reacting to gruesome details of writer Jamal Khashoggi’s death, US president Donald Trump stated: “Here we go again with you’re guilty until proven innocent.” H...

Rahul’s mitron jibe & Jaitley’s clown prince potshot: Is Indian politics headline hungry?

17 October, 2018

Sabarimala opens tomorrow: Bracing for street attacks on women or is SC order unworkable?

16 October, 2018

Air India staff falls off plane: Is a flight mishap waiting to happen or fear exaggerated?

15 October, 2018

High time India, the land of bhang, legalises marijuana

Shashi Tharoor - 18 October, 2018

Regulation allows cannabis buyers to know what they’re consuming and moderate their intake, in the same way that a drinker can distinguish and choose between a whiskey and a beer.

MJ Akbar resigns over sexual harassment charges | Getty Images

MJ Akbar: The brilliant editor who’s now seen as India’s most high-profile sexual predat...

18 October, 2018

I oppose Sabarimala verdict because this is not about women’s discrimination at all

18 October, 2018

China’s real aim in 1962 was to cut Nehru down to size and neutralise India as a rival

18 October, 2018

The new Doval Durbar reduces India’s layered security system to a top-down Caliphate

Shekhar Gupta - 13 October, 2018

Ajit Doval is now India’s all-powerful security boss. But this concentration of power disrupts our layered security system.

ABOUT

Substance of Print, Speed of Digital

Contact us: feedback@theprint.in

About
Contact
Careers
Terms of Use
Privacy Policy

Edit with Live CSS

@font-face {
    font-family: Noway-Regular;
    src: url(https://cdn-live.theprint.in/wp-includes/fonts/Noway-Regular.otf) format('truetype'),
        url('https://cdn-live.theprint.in/wp-includes/fonts/noway-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: BebasNeue-Regular;
    src: url(https://cdn-live.theprint.in/wp-includes/fonts/BebasNeue-Regular.ttf);
}
@font-face {
    font-family: BebasNeue-bold;
    src: url(https://cdn-live.theprint.in/wp-includes/fonts/BebasNeue-Bold.ttf);
}

.demoWall_new img{
    display:block;
}
.td_block_wrap.demoWall_new{
    margin-bottom:0;
}
.header {
position:relative;
text-align: center;
}
.venue {
position: absolute;
bottom: 30px;
font-size: 27px;
color: #fff;
left: 10%;
right: 10%;
font-family: Noway-Regular, Arial, sans-serif;
display: inline-block;
border: 2px solid;
margin: 0 auto;
padding: 10px 0;
text-transform:uppercase;
}
.section_head{
/*
background-image:url('https://staging.theprint.in/wp-content/uploads/2018/02/text-strip.png');
height:169px;
*/
background-size:cover;
position:relative;
text-align:center;
}
.section_head span{
background: transparent;
border: 3px solid #fff;
border-radius: 15px;
color: #fff;
font-size: 40px;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
font-family: Noway-Regular, Arial, sans-serif;
padding: 5px 10px;
line-height: 1;
text-transform:uppercase;
}
.section_head span.contest{
border:none;
}
.section_head img{
width:100%;
}
.about .top{
background-image:url('https://cdn-live.theprint.in/wp-content/uploads/2018/02/about-bg.png');
height: 350px;
position: relative;
}
.about h2 {
font-size: 156px;
background-image: -webkit-gradient(linear,0% 0%,15% 100%,from(#b4232c),to(#b45422));
-webkit-background-clip: text;	
-webkit-text-fill-color: transparent;
font-family:BebasNeue-bold, Arial, sans-serif;
margin: 0;
position: absolute;
left: 100px;
top: 35px;
line-height: 1;
}
.about .bottom{
background-image: -webkit-gradient(linear,0% 0%,85% 100%,from(#b4232c),to(#b45422));
position:relative;
height:520px;
}
.about .bottom .about_Txt{
width: 50%;
float: right;
color: #fff;
font-size: 27px;
line-height: 37px;
margin: 20px 20px 10px 10px;
font-family:Noway-Regular, Arial, sans-serif;
}
.about .bottom .about_Txt2{
position: absolute;
bottom: 40px;
right: 20px;
width: 70%;
float: right;
color: #fff;
font-size: 27px;
line-height: 37px;
font-family:Noway-Regular, Arial, sans-serif;
}
.about .bottom img {
position:absolute;
left:3%;
top:-25%;
}                    
.structure .top{
background-image: url('https://cdn-live.theprint.in/wp-content/uploads/2018/02/structure-section-background.png');    
background-position: 0 -2px;
position: relative;    
text-align: right;
height: 330px;
}
.structure .top h2{
font-size: 156px;
background-image: -webkit-gradient(linear,0% 0%,90% 100%,from(#b4232c),to(#b45422));
-webkit-background-clip: text;	
-webkit-text-fill-color: transparent;
font-family:BebasNeue-bold, Arial, sans-serif;
margin: 0; 
line-height: 1;    
right: 10%;
top:10%;
position: absolute;
}
.structure .top p{
font-family:BebasNeue-Regular, Arial, sans-serif;
font-size:54px;
margin:0;
position: absolute;
right: 10%;
top:52%;
line-height:1;
}
.structure .top p:last-child{
font-family:BebasNeue-bold, Arial, sans-serif;
font-size:36px;
margin:0;
position: absolute;
right: 10%;
top:72%;
}
.structure ul {
list-style: none;
margin:0;
padding: 0 0 40px 0; 
overflow: hidden;
}
.structure ul li {
display: inline-block;
width: calc((100%)/4);
border-right-style:solid;
border-right-width:5px;        
border-image: url('https://cdn-live.theprint.in/wp-content/uploads/2018/02/vlineg.png') 6;
padding: 0 15px;
text-align: center;
height: 552px;
float: left;
margin:0;

}
.structure ul li:last-child{
border-right: none;
}
.structure ul li h3{
font-family:BebasNeue-bold, Arial, sans-serif;
font-size:47px;
background-image: -webkit-gradient(linear,0% 0%,90% 100%,from(#b4232c),to(#b45422));
-webkit-background-clip: text;	
-webkit-text-fill-color: transparent;
margin: 20px 0 0 0;
line-height:1;
}
.structure ul li p{
font-family:Noway-Regular, Arial, sans-serif;
font-size:36px;
color:#000;  
line-height: 1.1;
margin-top: 30px;
}
.photography{
position: relative;
text-align: center;
padding: 60px 80px;
}
.contest_heading{
font-family:BebasNeue-bold, Arial, sans-serif;
font-size:82px;
margin:0;
line-height: 1;
background-image: -webkit-gradient(linear,0% 0%,90% 100%,from(#b4232c),to(#b45422));
-webkit-background-clip: text;	
-webkit-text-fill-color: transparent;
}
.contest_subheading{
font-family:Noway-Regular, Arial, sans-serif;    
font-size:48px;
font-weight:bold;
margin:  0;
line-height: 1;
}
.contest_txt{
font-family:Noway-Regular, Arial, sans-serif;    
font-size:35px;
margin-top: 30px;
display: inline-block;
line-height: 1;
}
.insta{
background-image: -webkit-gradient(linear,0% 0%,90% 100%,from(#b4232c),to(#b45422));
-webkit-background-clip: text;	
-webkit-text-fill-color: transparent;
margin:0;
font-family: Noway-Regular, Arial, sans-serif;
}
.insta_icon {
position: absolute;
top: -19%;
right: 10%;
}
.slam_poetry{
position: relative;
text-align: center;
padding: 60px 160px; 
border-top: 5px solid #ddd;
}
.mic_icon {
position: absolute;
top: -10%;
left: 4%;
}
.opinion_piece{
position: relative;
text-align: center;
padding: 60px 130px; 
border-top: 5px solid #ddd;
}
.pen_icon{
position: absolute;
top:-5%;
right:4%;
}
.deadline{
font-family:BebasNeue-bold, Arial, sans-serif;
font-size:74px;
margin:60px 0 0 0;
line-height: 1;
background-image: -webkit-gradient(linear,0% 0%,90% 100%,from(#b4232c),to(#b45422));
-webkit-background-clip: text;	
-webkit-text-fill-color: transparent;
}
.past_events{
text-align: center;
padding: 30px 0 30px 0;
}
.past_events span{
margin: 0px 100px 20px 0;
display: inline-block;
vertical-align: middle;
width:270px
}
.past_events span:last-child{
margin-right: 0;
}
.past_events span img{
    margin:0 auto;
}
.partner{
text-align: center;
padding: 30px 40px 0 40px;
margin: 0 auto;
}
.partner img{
 margin: 0 auto;   
}
.partner span{
font-size:37px; 
font-family:BebasNeue-bold, Arial, sans-serif;    
margin:30px 0 0 0;
color:#000;
display:block;
line-height: 1.2;
}
.partner span:first-child {
    margin: 0;
}
.Facebook{
    margin:10px 0;
}
.Facebook .fb-video {
    margin-right: 7px;
}
.Facebook .fb-video:last-child {
    margin-right: 0;
}
.latest_edition{
    text-align:center;
    padding:20px 0;
}
.latest_edition span{
    display:inline-block;
    margin:10px 30px;
}
@media (max-width: 1024px){
    .section_head span{
        font-size:40px;
    }
    .venue{
        left:4%;
        right:4%;
    }
    .about .bottom .about_Txt{
        width:48%;
    }
    .about .bottom .about_Txt2{
        width:68%;
    }
    .past_events span{
        width:280px;
        margin: 0px 30px 20px 0;
    }
    .past_events img{
       transform: scale(0.9);
   }
}

@media (max-width: 768px){
    .venue{
        font-size:20px;
    }
    .section_head span {
     font-size: 32px;
    }
    .about .bottom img{
        left:-5%;
        transform: scale(.8);
    }
    .about .bottom .about_Txt{
        width:46%;
        font-size:22px;
        line-height:30px;
    }
    .about .bottom .about_Txt2{
       font-size:22px;
      line-height:30px; 
    }
    .structure ul li p{
        font-size:27px;
    }
    .insta_icon{
      top: -20%;
      right: 8%;
      transform: scale(.8);
    }
    .opinion_piece{
        padding: 60px 80px;
    }
    .past_events span{
        width:225px;
    }
    .past_events img{
       transform: scale(0.8);
   }
}

@media (max-width: 767px){
   .venue{
    font-size: 15px;
    bottom: 10px;
    padding: 2px;
    line-height: 1.1;
   }
   .section_head span{
       font-size:16px;
       padding:5px 10px;
   }
   .section_head span.contest{
       font-size:22px;
       padding:0;
   }
   .about .top{
    background-position: 0 -2px;
   }
   .about h2{
       font-size:80px;
       left:0;
       top:20px;
   }
   .about .bottom img{
       left:0;
       top:-240px;
   }
   .about .bottom .about_Txt{
    width: 100%;
    font-size: 15px;
    float: left;
    margin: 120px 5px 5px 5px;
    line-height: 30px;
    padding: 0 5px;
   }
   .about .bottom .about_Txt2{
    width: 100%;
    position: relative;
    font-size: 15px;
    float: left;
    bottom: auto;
    right: auto;
    margin: 5px;
    line-height: 30px;
    padding: 0 5px;
   }
   .structure .top{
     height: 250px;
   }
   .structure .top h2{
   font-size:80px;
   right:5%;
   top:10%;
   }
   .structure .top p{
    font-size:40px;
    top:42%;
    right:5%;
   }
   .structure .top p:last-child{
    font-size:30px;
    top:58%;
    right:5%;  
   }
   .structure ul li{
   width: 100%;
    height: auto;
    border-bottom: 8px solid;
    padding: 0 10px;
    border-right: none;
    border-image: url(https://staging.theprint.in/wp-content/uploads/2018/02/vlineg.png) 1;
   }
   .structure ul li:last-child{
   border-bottom:none;
   }
   .structure ul li p{
       font-size:25px;
   }
   .insta_icon{
    top: -19%;
    right: -15%;
    transform: scale(0.3);
   }
   .photography{
   padding: 40px 0px;
   }
   .contest_heading{
    font-size: 50px;   
   }
   .contest_subheading{
    font-size: 40px;   
   }
   .contest_txt{
    font-size: 25px;    
   }
   .slam_poetry{
    padding: 40px 0px;   
   }
   .mic_icon{
    top: -19%;
    left: -6%;
    transform: scale(0.4);
   }
   .opinion_piece{
    padding: 40px 0px;   
   }
   .pen_icon{
    top: -10%;
    right: -13%;
    transform: scale(0.4);
   }
   .deadline{
    margin:40px 0 0 0;
    font-size:40px;
   }
   .past_events{
   padding: 15px 10px;
   }
   .past_events span{
       margin-right: auto;
       width:auto;
   }
   .past_events img{
       transform: scale(0.9);
   }
   .partner{
    padding: 10px;   
   }
   .partner span{
       margin:0;
   }
   .partner img{
    transform: scale(0.6);
   }
   .Facebook .fb-video {
    margin-right: 0;
    margin-bottom:10px;
    display: inline-block;
    } 
    .latest_edition{
        padding:10px 0 5px 0;
    }
}
@media (max-width: 420px){
   .venue{font-size:14px;
        bottom:10px;
        left:5%;
        right:5%;
   }
   .section_head span{
       font-size:13px;
       padding:5px 5px;
   }
   .deadline{
    font-size:30px;
   }
   .about .bottom .about_Txt{
    margin: 110px 5px 5px 5px;   
   }
   
}
@media (max-width: 360px){
   .venue{font-size:12px;
   bottom:7px;
   }
   .section_head span{
       font-size:13px;
       padding: 5px 5px;
   }
   .deadline{
    font-size:30px;
   }
   .about h2{
       font-size:70px;
       top: 25px;
   }
   .about .bottom .about_Txt{
    margin: 80px 5px 5px 5px;   
   }
   
}
@media (max-width: 320px){
  .section_head span{
       font-size:11px;
       padding: 5px 5px;
   } 
   .about .bottom .about_Txt{
    margin: 50px 5px 5px 5px;   
   }
   .section_head span.contest{
       font-size:22px;
   }
}

/* Book Review CSS*/
.bookvid_galllery{
    position: relative;
    height: 590px;
    margin-bottom: 20px;
}
.vid_gallery {
    position: absolute;
}
.left.vid_gallery {
left: 0;
width: 420px;
}
.left.vid_gallery iframe {
height: 360px !important;
}
.top-left.vid_gallery {
    right: 0;
    width: 330px;
}
.top-left.vid_gallery iframe {
    height: 180px !important;
}
.right.vid_gallery {
    right: 0;
    top: 195px;
    width: 330px;
}
.right.vid_gallery iframe {
    height: 166px !important;
}
.center.vid_gallery {
    width: 450px;
    top: 375px;
    left: 0;
}
.center.vid_gallery iframe {
    height: 210px !important;
}
.small.vid_gallery {
top: 375px;
right: 0;
width: 300px;
}
.small.vid_gallery iframe {
    height: 210px !important;
}
@media (max-width:767px){
.bookvid_galllery{
   height:auto;     
 }
  .vid_gallery {
    position: relative;
    display:block;
}
.left.vid_gallery {
width: 100%;
}
.left.vid_gallery iframe {
height: auto !important;
}
.top-left.vid_gallery {
    left: 0;
    width: 100%;
}
.top-left.vid_gallery iframe {
    height: auto !important;
}
.right.vid_gallery {
    left: 0;
    top: 0;
    width: 100%;
}
.right.vid_gallery iframe {
    height: auto !important;
}
.center.vid_gallery {
    width: 100%;
    top: 0;
    left: 0;
}
.center.vid_gallery iframe {
    height:auto !important;
}
.small.vid_gallery {
    top: 0;
    left: 0;
    width: 100%;
}
.small.vid_gallery iframe {
    height: auto !important;
}
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.