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

Search

ThePrint

Monday, 18 June, 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

TalkPoint

Top journalist murdered, soldier kidnapped and killed, UN report on human rights: Is Kashmir back in...

TalkPoint Team - 15 June, 2018

The brutal killing of Shujaat Bhukari and an army jawan yesterday coincided with the release of a UN report that holds India responsible for alleged human rights violation in Kashmir. Experts weigh in.

Cantonment roads issue: Are India’s civil-military ties being tested?

14 June, 2018

Should India lead the way and set up a colony on the moon or focus on Mars instead?

13 June, 2018

Police to regulate live bands in Bengaluru pubs: crackdown on crime or nightlife?

12 June, 2018

BestofOpinion

Bihar CM Nitish Kumar’s prohibition is a sober idea in need of a drink

Bhawesh Mishra - 17 June, 2018

Nitish Kumar’s prohibition policy now hangs between its supposed political utility and its social and economic futility.

How Bimal Roy’s Sujata and Pa Ranjith’s Kaala show changing Dalit politics in 60 years

17 June, 2018

The Kargil infiltration plan was a bold and audacious one that banked on speed, surprise and psychological domination | Vijay Gupta/Getty Images

Kargil was an audacious plan by Musharraf and his overconfident Generals

16 June, 2018

Pakeezah to Race 3: Tracing the journey of Muslim social this Eid

16 June, 2018

NationalInterest

Illustration by Arindam Mukherjee | ThePrint

Thanks to Modi govt’s woolly-headedness, it’s 1993 in Kashmir again

Shekhar Gupta - 16 June, 2018

Both countries treat Kashmir as a blood feud, and they will continue the fight till the last Kashmiri.

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://64C5F.https.cdn.softlayer.net/8064C5F/theprint.in/wp-includes/fonts/Noway-Regular.otf) format('truetype'),
        url('https://64C5F.https.cdn.softlayer.net/8064C5F/theprint.in/wp-includes/fonts/noway-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: BebasNeue-Regular;
    src: url(https://64C5F.https.cdn.softlayer.net/8064C5F/theprint.in/wp-includes/fonts/BebasNeue-Regular.ttf);
}
@font-face {
    font-family: BebasNeue-bold;
    src: url(https://64C5F.https.cdn.softlayer.net/8064C5F/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: 47px;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
font-family: Noway-Regular, Arial, sans-serif;
padding: 5px 10px;
line-height: 1;
}
.section_head span.contest{
border:none;
}
.section_head img{
width:100%;
}
.about .top{
background-image:url('https://64C5F.https.cdn.softlayer.net/8064C5F/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://64C5F.https.cdn.softlayer.net/8064C5F/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://64C5F.https.cdn.softlayer.net/8064C5F/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 10px 20px 0;
display: inline-block;
vertical-align: middle;
width:300px
}
.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;
}
@media (max-width: 1024px){
    .past_events span{
        width:280px;
    }
    .past_events img{
       transform: scale(0.9);
   }
}

@media (max-width: 768px){
    .past_events span{
        width:240px;
    }
    .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:25px;
       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: -26%;
    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;
    } 
}
@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.