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

Search

ThePrint

Sunday, 21 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

With Djokovic’s recent wins, is it time to anoint him king of tennis over Federer & Nadal?

ThePrint Team - 21 October, 2018

Novak Djokovic won the Shanghai Masters last week, adding another important title to his victories at Wimbledon, the US Open and the Cincinnati Masters this year.

Air India gets ₹1000 cr from Small Savings Fund: Wasting public money or last-minute push?

19 October, 2018

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

18 October, 2018

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

17 October, 2018

User-friendly doormats to safe players: The many types of public servants in India

Anil Swarup - 21 October, 2018

It's a tragedy that inefficiency and non-accountability overtake many at incredibly fast pace after the initial grand entry.

Barkha Dutt’s open letter to #MeToo critics Tavleen Singh, Seema Mustafa & Manjeet Kripalani

20 October, 2018

As investment vanishes in West Bengal, political workers resort to violence for spoils

20 October, 2018

How India asked for trouble in 1962

20 October, 2018

Supreme Court cannot become the priest between Indians and their Gods

Shekhar Gupta - 20 October, 2018

Sabarimala verdict is an example of why the Supreme Court shouldn't intervene in religion.

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.