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

Search

ThePrint

Sunday, 16 December, 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

SC on Rafale PILs: Setback for Rahul’s campaign or lesson not to politicise defence deals?

ThePrint Team - 14 December, 2018

The Supreme Court Friday dismissed all petitions seeking a court-monitored probe into the Rafale fighter jet deal. The court’s order comes at a time when the Op...

Rahul Gandhi uses audio poll to pick CM in 3 states: Democratic solution or too facile?

13 December, 2018

Is TRS’ game-changing Rythu Bandhu answer to India’s farm woes or just a sop in disguise?

12 December, 2018

Can Congress build on state poll results or will Modi be harder to beat nationally in 2019?

11 December, 2018

BJP has to learn to befriend the kingmakers of 2019

Seshadri Chari - 15 December, 2018

Regional parties will guard their turf assiduously by not yielding their space to either of the two national parties.

Modi, after all, had no solution to the poor and nasty lives of most Indians

15 December, 2018

Three Bollywood movies that revealed the complexity of being an Indian Muslim in 2018

15 December, 2018

The bust of Sardar Vallabhbhai Patel at Godhra | Khandubhai Parmar

Seven decades before Statue of Unity, Nehru had unveiled a Sardar Patel statue in Godhra

15 December, 2018

Modi’s BJP is not just Congress + cow, but it is Congress + cow + Indira Gandhi

Shekhar Gupta - 15 December, 2018

Young Indians bought new hope & optimism of Brand Modi in 2014. Now they're confused & angry as BJP government turns out to be Indira-era Congress, plus a cow.

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: 15%;
right: 15%;
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-bottom:20px;
}
.latest_edition.first{
    padding-top:20px;
}
.latest_edition span{
    display:inline-block;
    width:33%;
    padding:0 10px;
    
}
@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;
       border-radius: 5px;
       border: 2px solid #fff;
   }
   .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;
    }
    .latest_edition span{
        width:100%;
        padding: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: 6px 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.