.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0;
}
.featured {
color: #919191;
display: block;
margin-bottom: 10px;
position: relative;
text-decoration: none;
width: 520px;
}
.featured .box h1 {
color: #FFFFFF;
font-size: 28px;
letter-spacing: -1px;
line-height: 1em;
margin-bottom: 8px;
text-shadow: 1px 0 2px black;
}
.featured .box h1 a {
color: #FFFFFF;
text-decoration: none;
}
.featured .box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
bottom: 25px;
left: 0;
margin-left: 1px;
padding: 25px 17px;
position: absolute;
width: 455px;
z-index: 2;
}
.article h1 {
font-family: 'Segoe UI','Proxima Nova','Helvetica Neue','Helvetica',Arial,sans-serif;
}
.featured .box p {
color: #FF4900;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 0;
text-transform: uppercase;
}
.featured img.attachment-top_story_post {
border: 1px solid #EBEBEB;
margin: 0;
max-height: 245px;
max-width: 520px;
}
.featured .box p .by {
color: #FFFFFF;
font-family: Georgia,serif;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.featured p a, .featured p a:hover {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #FF4900;
text-decoration: none;
}
#node-146061{
background: #7fc04c;
padding: 20px;
}
#node-146061 h2.title{
color:#FFF;
}
#node-146061 .content{
background: url(/sites/default/files/cloudy-sky-background1.jpg) #FFFFFF no-repeat;
padding: 20px;
border-radius: 4px;
}
#node-146061 .countDiv:before,#node-146061 .countDiv:after{
background-color:#FFF;
}
#node-146061 a{
color:#FD5A51;
}
#node-146061 .digit.static{
background-image: linear-gradient(bottom, rgb(135,147,122) 2%, rgb(162,177,159) 51%, rgb(195,213,191) 76%);
background-image: -o-linear-gradient(bottom, rgb(135,147,122) 2%, rgb(162,177,159) 51%, rgb(195,213,191) 76%);
background-image: -moz-linear-gradient(bottom, rgb(135,147,122) 2%, rgb(162,177,159) 51%, rgb(195,213,191) 76%);
background-image: -webkit-linear-gradient(bottom, rgb(135,147,122) 2%, rgb(162,177,159) 51%, rgb(195,213,191) 76%);
background-image: -ms-linear-gradient(bottom, rgb(135,147,122) 2%, rgb(162,177,159) 51%, rgb(195,213,191) 76%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.02, rgb(135,147,122)),
color-stop(0.51, rgb(162,177,159)),
color-stop(0.76, rgb(195,213,191))
);
}
jQuery(function(){
var note = jQuery('#note'),
ts = new Date(2014, 0, 16, 12, 30, 0, 0),
newYear = true;
if((new Date()) > ts){
// The new year is here! Count towards something else.
// Notice the *1000 at the end - time must be in milliseconds
//ts = (new Date()).getTime() + 10*24*60*60*1000;
newYear = false;
}
jQuery('#countdown').countdown({
timestamp : ts,
callback : function(days, hours, minutes, seconds){
var message = "";
message += days + " day" + ( days==1 ? '':'s' ) + ", ";
message += hours + " hour" + ( hours==1 ? '':'s' ) + ", ";
message += minutes + " minute" + ( minutes==1 ? '':'s' ) + " and ";
message += seconds + " second" + ( seconds==1 ? '':'s' ) + " ";
if(newYear){
message += "left for the contest to end";
}
else {
message += "The contest has ended!";
}
note.html(message);
}
});
});
http://www.webtexture.net/wp-content/uploads/2011/05/14Black-grid-leathe...);
color: #fff;background-position: -64px 146px;">
Image Gallery Coding Contest
Your task is to create an attractive Image Gallery. The design must be interactive and the user must be able to move the images(drag and drop), view the images on full screen.
Try adding different styling and different effects to make the clock look as attractive as possible.
Entries will be judged on the basis of concept, functionality, effects and neatness of code.
How to Enter:
i) Code your project as a Javascript project.
ii) Choose "Image Gallery Coding Contest" as the contest name while making your project public.
Prizes to be won:
- First prize winner gets a $50 Amazon Gift Voucher!
- First runner up gets a $20 Amazon Gift Voucher!
- Second runner up gets a $10 Amazon Gift Voucher!
- All three winners get entered into Programmr's Hall of Fame!
Rules:
- All entries must be the the original work of the contestant/submitter (that's you).
- Make sure you have updated your profile with valid details (name,email-id,country and profile picture) before taking part in this contest.
- Contest ends January 31st 11:59 PM PST
Happy Coding!
Contest Submissions
<?php
$view = views_get_view('contest_programmr_projects');
$args_tid = 3184;
print ''.$view->execute_display('default', array($args_tid)).'';
?>
facebook
twitter
linkedin
blog