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

Search

ThePrint

Monday, 20 August, 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

Should ISRO be launching a new TV channel or focus instead on social media?

ThePrint Team - 19 August, 2018

In an effort to increase its outreach, ISRO has announced that it will soon launch a TV channel. Meanwhile, the space agency continues to remain largely inactive on social media.

Devastating Kerala floods: National indifference or political partisanship?

17 August, 2018

Helmets compulsory for Sikh women: Ensuring road safety or offending religious beliefs?

16 August, 2018

Modi’s I-Day speech: Should ISRO focus on human spaceflight or refine robotic missions?

15 August, 2018

What we can learn from Shakespeare when it comes to online dating

Faye Flam - 19 August, 2018

While Shakespeare and other artists show lovers they must win their suitors by proving their courage and character, scientists tell us we’re in a “market model” of mating.

A still from Jaane Bhi Do Yaaro | YouTube

Narendra Modi’s gutter remark makes one want to watch ‘Jaane Bhi Do Yaaro’ again

19 August, 2018

Prime Minister of Bangladesh Sheikh Hasina | Oli Scarff/Getty Images)

Sheikh Hasina must not repeat her father’s mistakes & allow armed party goons in Bangladesh

19 August, 2018

Modi cannot be blamed for failing to revamp India’s manufacturing sector

18 August, 2018

Outing a personal secret as a lesson for Imran: Featuring Vajpayee, Nawaz & a bit of me

Shekhar Gupta - 18 August, 2018

Nawaz Sharif made a dramatic bid for peace with Vajpayee but was tripped by Pakistan’s army. It won’t be different for Imran.

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: 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://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 10px 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;
}
@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.