Synnefo » snf-cloudcms

body											{ background:white; color:#222; font-family: 'Open Sans', sans-serif; font-style:normal; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}

form.withlabels input[type=password] 		{ width: 270px; }

form.withlabels textarea					{ width:270px; }

form select									{ font-family: 'Didact Gothic', Verdana, sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px;  border: 1px solid #808080; display:block;  margin-bottom: -1px; padding: 0.8em;  padding-left: 1.5em;  z-index: 2;  width:301px; }

a.submit									{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px;  background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }

.content a.submit:hover					 	{ background-color:#3582AC;border-color:#3582ac; text-decoration:none;}

form span.info								{ position:absolute;z-index:101; bottom:32px;  }

form.withlabels span.info					{ left:485px;  }

form.withlabels .extra-img					{ left:485px; bottom:12px; }

form .with-checkbox .extra-img				{   } 

form.withlabels .with-checkbox .extra-img	{ display:none; } 

input[type="submit"]:focus,

.content a.submit:focus							{ box-shadow: 0 0 0 1px #FFFFFF inset; border:1px solid #F89A1C; outline:0 none; }						

.content a.submit:hover							{ border-color:#3582AC; }

p+ form											{ margin:2em 0; }

.full-dotted legend								{ padding-top:40px; }

form .form-row .radios label					{ width:auto; float:none; display:inline-block; }

form .form-row .radios input[type="radio"]		{ margin-right:165px; vertical-align:middle; }

form.withfieldset textarea						{ width: 224px; }

form.withfieldset select						{ width: 256px; background:#fff;}

form+p:first-child, form legend + p				{ margin-bottom:2em; }

/* dropkick select extra styles */

.form-row .dk_container							{ border-radius:0; margin-bottom:0; border: 1px solid #808080; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:300px; padding:0.8em 0; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}

.form-row .dk_toggle  							{ border-radius:0;  padding:2px 0 10px;  border:0 none; text-indent:1.5em; text-decoration:none;background-image:url(../images/arrow-down_black.png); background-position:90% 5px;}

.form-row .dk_toggle:hover						{ text-decoration:none; }

.form-row .dk_open								{ background:transparent; box-shadow: none; }

.form-row .dk_open .dk_toggle					{ background-color:transparent; border:0 none; color:#000; box-shadow: none;}

.form-row .dk_focus .dk_toggle					{ background-color:transparent;  border:0 none; color:#000; box-shadow: none;}

.1form-row .dk_options							{ display:block; }

.form-row .dk_options							{ box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}

.form-row .dk_options a							{ font-weight:normal;color:#808080 }

.form-row .dk_options_inner						{ padding:0; margin:0; box-shadow:none; text-shadow:none;  border-radius:0; border:1px solid #8C8C8E ;}

.form-row .dk-options_inner li					{ list-style:none outside; }

.form-row .dk_options a:hover, 

.form-row .dk_option_current a					{ text-shadow:none; background-color: #E7E7E3; text-decoration:none;}

form.link-like									{ display:inline-block; margin:0 5px; }

form.link-like input[type="submit"]				{ margin:0; padding:0 5px; background:transparent; color:#F89A1C; cursor:pointer; height:auto;  }

form.link-like input[type="submit"]:hover		{ text-decoration:underline;  }

.projects form.withlabels .checkbox-widget		{ margin-top:5px; }

.projects form .with-checkbox					{ margin:20px 0; }

.projects form .with-checkbox label				{ padding-top:7px; }

.projects form .with-checkbox span.info			{ bottom:24px; }

@media screen and (max-width : 630px) 		{ 

	form.withlabels .extra-img	   				{ left:260px; }

    form.withlabels span.info 	   				{ left:260px; }

    form .extra-img	               				{ left:260px; }

	form.withlabels .extra-img	   				{ left:90% }	

	form.withlabels input[type="text"], 

    form.withlabels input[type="password"],

    form.withlabels textarea,

    form textarea, 

	form input.text, 

	form input[type="text"], 

	form input[type="password"]					{ width:90%; }

	form.withlabels select						{ width:90%; }

@media screen and ( max-width : 320px) 		{ 

    form.withlabels input[type="text"], 

    form.withlabels input[type="password"],

    form.withlabels textarea,

    form textarea, 

	form input.text, 

	form input[type="text"], 

	form input[type="password"]					{ width:90%; }

	.form-row .dk_container 					{ width:100%; }

}

      // process checkboxes

      var el = $('<a class="checkbox-widget" href="javascript:void(0)"/>');

      var form = $this.closest(".form-row");

      // add class to identify form rows which contain a checkbox

      form.addClass("with-checkbox");

      if ($this.prev().length > 0) {

        var lbl = $this.prev()[0];

        if (lbl.nodeName == "LABEL" || lbl.nodeName == "label") {

            $(lbl).addClass("checkbox-label");

            $(lbl).click(function(e){

                var src = e.srcElement.nodeName;

                if (src == "LABEL" || src == "label") {

                    el.toggleClass("checked");

                };

            })

        }

      }

      if ($this.attr('checked')) {

      });

      el.keypress(function(e){

      	if (e.keyCode == 0 || e.keyCode == 32){

      		e.preventDefault();

      		el.toggleClass("checked");

        	$this.attr('checked', el.hasClass("checked"));

      	}

      $this.prev('label').before(el);

        if (formel.attr("type") != "checkbox") {

            el.css(styles);

        } else {

            el.css("margin-top", "5px");

        }

})( jQuery );

      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>

      <script src="{{ IM_STATIC_URL }}js/jquery.tablesorter.js"></script>