Login   Register  
PHP Classes
elePHPant
Icontem

File: style/dsstyle.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Zehair  >  Captcha to download  >  style/dsstyle.css  >  Download  
File: style/dsstyle.css
Role: Auxiliary data
Content type: text/plain
Description: The css file
Class: Captcha to download
Show and check CAPTCHA images to protect downloads
Author: By
Last change:
Date: 2 years ago
Size: 3,048 bytes
 

Contents

Class file image Download
#dscaptchaverify
{	
	width:235px;
	height:140px;
	padding:10px;
}

#dsverify
{
	background: rgba(255,255,255,0.5);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
	width:230px;
	padding:10px;
	border: 5px solid white;
	-webkit-box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
}

#dscaptchaverify ul 
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#dscaptchaverify ul li 
{
	margin-left: 0;	
	display: inline;
	list-style: none;
}

#dsrebuildcaptcha
{
	width:24px;
	height:24px;	
	cursor:pointer;
}
#dscaptchavalue
{
	width:120px;
    height:10px;	
	border: 3px solid #b5c9d4;
	padding: 6px 15px;
	margin: 10px 0 8px 0;
	background: #ecf1f4;
	font-size: 15px;
    text-shadow:1px 1px 1px rgba(255,255,255,0.4);
	
	border-color: #bbe0d3;
	background: #fff;
	
	/*For chrom*/
	outline:none;
	
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	-ms-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}

#dscaptchavalue:focus
{
	-moz-box-shadow: inset 0 0 20px 14px  rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0 0 20px 14px  rgba(255,255,255,0.5);
box-shadow: inset 0 0 20px 14px  rgba(255,255,255,0.5);
}

#dscheckcapcha
{
   width:70px;
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;   
   font: bold 11px Sans-Serif;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   cursor: pointer; 
   border-color: #999;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}

#dscheckcapcha:active
{
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   -webkit-box-shadow: inset 0 1px 2px #aaa;
   -moz-box-shadow:    inset 0 1px 2px #aaa;
   box-shadow:         inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}

#dscaptchaerror
{   
	width:230px;
	display:none;
	font-size:14px;
	margin-top:10px;
	position:relative;
	text-align:center;
	border-radius: 7px;
	border:1px solid #cc6622; 
	padding:5px 5px 5px 30px;  
	background:#f0c6c3 url(img/error.png) no-repeat left; 	 
}

.download{  
   position:absolute;
   left:50%;
   margin-left:-35px;}