Commit 89aa25c7 authored by Vytor Calixto's avatar Vytor Calixto 👾

Merge pull request #6 from PETComputacaoUFPR/farol-merge

Farol merge
parents 8ae55ccd 39597e00
......@@ -15,4 +15,6 @@ results
npm-debug.log
node_modules
bower_components
bower_components/
uploads/*
{
"name":"Porto",
"scripts":{},
"env":{
"EMAILPASSWORD":{
"required":true
}
},
"addons":[
"mongolab"
]
}
\ No newline at end of file
{
"name": "Farol",
"version": "0.0.0",
"homepage": "https://github.com/PETComputacaoUFPR",
"authors": [
"PET Computação UFPR <pet@inf.ufpr.br>"
],
"description": "Farol - Respositório de provas e trabalhos",
"main": "index.html",
"keywords": [
"ufpr",
"farol",
"pet"
],
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"angular": "1.4.7",
"components-font-awesome": "~4.3.0",
"angular-ui-router": "~0.2.14",
"angular-ui-utils": "bower-keypress",
"sweetalert": "~1.1.0",
"angular-file-upload": "~2.1.1",
"angular-resource": "~1.4.4"
},
"resolutions": {
"angular": "1.4.7"
}
}
[hidden] { display: none; }
.visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}
div.awesomplete {
display: inline-block;
position: relative;
}
div.awesomplete > input {
display: block;
}
div.awesomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
border-radius: .3em;
margin: .2em 0 0;
background: hsla(0,0%,100%,.9);
background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
border: 1px solid rgba(0,0,0,.3);
box-shadow: .05em .2em .6em rgba(0,0,0,.2);
text-shadow: none;
}
div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
display: none;
}
@supports (transform: scale(0)) {
div.awesomplete > ul {
transition: .3s cubic-bezier(.4,.2,.5,1.4);
transform-origin: 1.43em -.43em;
}
div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
opacity: 0;
transform: scale(0);
display: block;
transition-timing-function: ease;
}
}
/* Pointer */
div.awesomplete > ul:before {
content: "";
position: absolute;
top: -.43em;
left: 1em;
width: 0; height: 0;
padding: .4em;
background: white;
border: inherit;
border-right: 0;
border-bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div.awesomplete > ul > li {
position: relative;
padding: .2em .5em;
cursor: pointer;
}
div.awesomplete > ul > li:hover {
background: hsl(200, 40%, 80%);
color: black;
}
div.awesomplete > ul > li[aria-selected="true"] {
background: hsl(205, 40%, 40%);
color: white;
}
div.awesomplete mark {
background: hsl(65, 100%, 50%);
}
div.awesomplete li:hover mark {
background: hsl(68, 100%, 41%);
}
div.awesomplete li[aria-selected="true"] mark {
background: hsl(86, 100%, 21%);
color: inherit;
}
\ No newline at end of file
This diff is collapsed.
.button:hover,.icon-button:hover,a{text-decoration:none}.alert,.card,.error,.notice,.search-bar,.success{box-sizing:border-box}.button:focus,.icon-button:focus,.input:focus,.search-bar:focus,input:focus,textarea:focus{outline:0}.alert .alert-close:hover,.button:hover,.clickable,.error .alert-close:hover,.icon-button:hover,.notice .alert-close:hover,.success .alert-close:hover,[tooltip],a:hover{cursor:pointer}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;src:local('Merriweather'),url(https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}.alert:after,.alert:before,.clearfix:after,.clearfix:before,.error:after,.error:before,.header:after,.header:before,.list .list-item:after,.list .list-item:before,.notice:after,.notice:before,.success:after,.success:before{display:block;clear:both;content:''}.normal,.success{background-color:#39628d}.dark,header{background-color:#1E2251}.darker{background-color:#1a1a1a}.button:active,.icon-button:active,.light,.notice{background-color:#bfdede}.lighter,body{background-color:#F5F5F5}.error,.red,footer{background-color:#EE3437}.inactive{background-color:grey}.float-right{float:right}.float-left{float:left}.margin{margin:20px}.no-margin{margin:0}.margin-vertical{margin-top:20px;margin-bottom:20px}.margin-horizontal{margin-left:20px;margin-right:20px}.padding{padding:20px}.no-padding{padding:0}.padding-vertical{padding-top:20px;padding-bottom:20px}.padding-horizontal{padding-left:20px;padding-right:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.center-vertical{margin:auto 0}.center-block{display:table;margin:auto}.full{width:100%}.half{width:48%}.one-third{width:33%}.two-thirds{width:66%}.one-quarter{width:25%}.three-quarters{width:75%}.inline-block{display:inline-block}.flex{display:flex}.no-wrap{flex-wrap:nowrap}.space-around{justify-content:space-around}.stretch{align-items:stretch}.button,.icon-button{color:#fff!important;border:none;border-radius:2px;font-size:110%;padding:5px;margin-top:10px;margin-bottom:10px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.button:active,.icon-button:active{-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.float-button{position:relative;top:-1.3em}.icon-button{border-radius:0;font-family:FontAwesome;font-size:1.5em;position:relative;top:1.5px;left:-6px;color:#fff;padding:6px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}[tooltip]:after,[tooltip]:before{position:absolute;left:50%;bottom:120%}.button-circle{border-radius:50%}.alert .alert-close button,.button-clean,.error .alert-close button,.notice .alert-close button,.success .alert-close button{border:none;margin:0;padding:0;background-color:inherit;color:inherit}.alert .alert-close button:focus,.button-clean:focus,.error .alert-close button:focus,.notice .alert-close button:focus,.success .alert-close button:focus{outline:0;background-color:inherit}.alert .alert-close button:hover,.button-clean:hover,.error .alert-close button:hover,.notice .alert-close button:hover,.success .alert-close button:hover{background-color:inherit}.list .list-title{padding:20px;text-align:center}.list .list-item{margin:0;padding:20px;border-top:1px solid #ccc}ul.list{list-style-type:none;padding:0;margin:0}.card{padding:20px;box-shadow:0 1px 2px #aaa;background:#fff;margin-bottom:20px}.card>.card{box-shadow:0 2px 5px #aaa}.card-list{padding:0}.page-wrap{margin-bottom:4em}.page-wrap:after{content:"";display:block}.sticky{position:absolute;bottom:0;width:100%;height:4em}.input,input,textarea{vertical-align:middle;margin:3px 0}input[type=checkbox]:before,input[type=radio]:before{content:"";display:inline-block;margin-right:15px;line-height:9pt;font-size:14px;visibility:visible;text-align:center}.input:disabled,input:disabled,textarea:disabled{background-color:grey;border-color:#1a1a1a}.input,input[type=search],input[type=tel],input[type=text],input[type=email],input[type=password],input[type=number],textarea{border:1px solid grey;padding:10px}.input:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border-color:#39628d}.input:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,textarea:disabled{border-color:#4d4d4d}input[type=checkbox],input[type=radio]{visibility:hidden;cursor:pointer;margin-right:8px}input[type=checkbox]:before{width:9pt;height:9pt;border:2px solid #676767;border-radius:2px;font-weight:700}input[type=checkbox]:checked:before{color:#39628d;font-family:FontAwesome;content:"\f00c";border-color:#39628d}input[type=checkbox]:hover:not(:checked):before{color:#676767;font-family:FontAwesome;content:"\f00c"}input[type=radio]:before{font-family:FontAwesome;color:grey;width:11px;height:11px;border:2px solid #676767;border-radius:50%}input[type=radio]:checked:before{color:#39628d;background-color:#39628d}input[type=radio]:hover:not(:checked):before{background-color:#676767}fieldset{border:1px solid #4d4d4d;border-radius:2px}.input-group{margin:0;border:none;padding:0}.input-group input,.input-group textarea{display:block;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.header form,.header h2,.header nav,.uploadInfo{display:inline-block}.input-group input:focus,.input-group textarea:focus{z-index:3}.input-group input:first-child,.input-group textarea:first-child{top:1px;border-radius:2px 2px 0 0;margin:0}.input-group input:first-child:last-child,.input-group textarea:first-child:last-child{top:1px;border-radius:2px;margin:0}.input-group input:last-child,.input-group textarea:last-child{top:-2px;border-radius:0 0 2px 2px;margin:0}.alert,.error,.notice,.success{border:1px solid;border-radius:3px;margin:10px 0;padding:10px;color:#fff}.alert .alert-close,.error .alert-close,.notice .alert-close,.success .alert-close{padding:0 5px;float:right}.alert .info:before,.error .info:before,.notice .info:before,.success .info:before{font-weight:700}.notice{border-color:#9dcdcd}.notice .alert-close:hover{color:#9dcdcd}.notice .info:before{content:"Info: "}.success{border-color:#2a4969}.success .alert-close:hover{color:#2a4969}.success .info:before{content:"Sucesso: "}.error{border-color:#dd1216}input.warn,input.warn:focus{border-color:#EE3437}.error .alert-close:hover{color:#dd1216}.error .info:before{content:"Erro: "}input.warn{color:#1E2251}input.warn::-webkit-input-placeholder{color:#EE3437}input.warn:-moz-placeholder{color:#EE3437;opacity:1}input.warn::-moz-placeholder{color:#EE3437;opacity:1}input.warn:-ms-input-placeholder{color:#EE3437}footer,header,header a,header a:hover{color:#fff}body,footer a:hover{color:#1a1a1a}[tooltip]{position:relative;z-index:2}[tooltip]:after,[tooltip]:before{visibility:hidden;opacity:0}[tooltip]:before{margin-bottom:5px;margin-left:-5pc;padding:7px;width:10pc;border-radius:3px;background-color:#1a1a1a;color:#F5F5F5;content:attr(tooltip);text-align:center;font-size:14px}[tooltip]:after{margin-left:-5px;width:0;border-top:5px solid #1a1a1a;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}.header nav,html{position:relative}[tooltip]:hover:after,[tooltip]:hover:before{visibility:visible;opacity:1}html{min-height:100%}body{font-family:Merriweather,serif;padding-bottom:4em;text-align:center;margin:0}a{color:#39628d}a:hover{text-decoration:underline;color:#1E2251}form{margin:0 auto}header,nav{font-family:Montserrat,sans-serif}header{box-shadow:1px 1px 3px rgba(0,0,0,.6);padding:5px 0}header h3{font-weight:100}footer{padding:20px 0}footer a{color:inherit}.index{background-image:url(../imgs/Farol.png);background-position:center center;background-size:contain;background-repeat:no-repeat;margin-top:20px;padding-top:20%}.index h1{margin:0;font-family:Montserrat,sans-serif;font-size:5em;text-transform:uppercase;color:#1E2251;text-shadow:-1px -1px 0 #F5F5F5,1px -1px 0 #F5F5F5,-1px 1px 0 #F5F5F5,1px 1px 0 #F5F5F5}.search-bar{background-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 3px #ddd;font-size:1.3em;padding:5px;border:1px solid #bfdede}.search-bar:focus{border:1px solid #39628d}.search-bar::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar::-webkit-search-cancel-button:after{font-family:FontAwesome;content:'\f00d';color:#EE3437}.uploadInfo{box-shadow:2px 2px 15px rgba(0,0,0,.4);background-color:#fff;width:200px;margin:5px 15px}.uploadThumb{max-width:100%}.thumb{height:75px;border:1px solid #bfdede;margin:10px 5px 0 0}.header{text-align:left;padding:0}.header nav{height:100%;bottom:0}.header form .search-bar{width:25pc}.header h2{padding:20px 20px 0}.header h2 a{color:#fff;text-decoration:none}.header h2 a:hover{text-decoration:underline}.warning{border:1px solid #EE3437}.hover-shadow{box-shadow:0 0 0 rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}.hover-shadow:hover{box-shadow:2px 2px 5px rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}
\ No newline at end of file
// Awesomplete - Lea Verou - MIT license
(function(){function m(a,b){for(var c in a){var g=a[c],e=this.input.getAttribute("data-"+c.toLowerCase());this[c]="number"===typeof g?parseInt(e):!1===g?null!==e:g instanceof Function?null:e;this[c]||0===this[c]||(this[c]=c in b?b[c]:g)}}function d(a,b){return"string"===typeof a?(b||document).querySelector(a):a||null}function h(a,b){return k.call((b||document).querySelectorAll(a))}function l(){h("input.awesomplete").forEach(function(a){new f(a)})}var f=function(a,b){var c=this;this.input=d(a);this.input.setAttribute("autocomplete",
"off");this.input.setAttribute("aria-autocomplete","list");b=b||{};m.call(this,{minChars:2,maxItems:10,autoFirst:!1,filter:f.FILTER_CONTAINS,sort:f.SORT_BYLENGTH,item:function(a,b){return d.create("li",{innerHTML:a.replace(RegExp(d.regExpEscape(b.trim()),"gi"),"<mark>$&</mark>"),"aria-selected":"false"})},replace:function(a){this.input.value=a}},b);this.index=-1;this.container=d.create("div",{className:"awesomplete",around:a});this.ul=d.create("ul",{hidden:"",inside:this.container});this.status=d.create("span",
{className:"visually-hidden",role:"status","aria-live":"assertive","aria-relevant":"additions",inside:this.container});d.bind(this.input,{input:this.evaluate.bind(this),blur:this.close.bind(this),keydown:function(a){var b=a.keyCode;if(c.opened)if(13===b&&c.selected)a.preventDefault(),c.select();else if(27===b)c.close();else if(38===b||40===b)a.preventDefault(),c[38===b?"previous":"next"]()}});d.bind(this.input.form,{submit:this.close.bind(this)});d.bind(this.ul,{mousedown:function(a){a=a.target;if(a!==
this){for(;a&&!/li/i.test(a.nodeName);)a=a.parentNode;a&&c.select(a)}}});this.input.hasAttribute("list")?(this.list="#"+a.getAttribute("list"),a.removeAttribute("list")):this.list=this.input.getAttribute("data-list")||b.list||[];f.all.push(this)};f.prototype={set list(a){Array.isArray(a)?this._list=a:"string"===typeof a&&-1<a.indexOf(",")?this._list=a.split(/\s*,\s*/):(a=d(a))&&a.children&&(this._list=k.apply(a.children).map(function(a){return a.textContent.trim()}));document.activeElement===this.input&&
this.evaluate()},get selected(){return-1<this.index},get opened(){return this.ul&&null==this.ul.getAttribute("hidden")},close:function(){this.ul.setAttribute("hidden","");this.index=-1;d.fire(this.input,"awesomplete-close")},open:function(){this.ul.removeAttribute("hidden");this.autoFirst&&-1===this.index&&this.goto(0);d.fire(this.input,"awesomplete-open")},next:function(){this.goto(this.index<this.ul.children.length-1?this.index+1:-1)},previous:function(){var a=this.ul.children.length;this.goto(this.selected?
this.index-1:a-1)},goto:function(a){var b=this.ul.children;this.selected&&b[this.index].setAttribute("aria-selected","false");this.index=a;-1<a&&0<b.length&&(b[a].setAttribute("aria-selected","true"),this.status.textContent=b[a].textContent);d.fire(this.input,"awesomplete-highlight")},select:function(a){if(a=a||this.ul.children[this.index]){var b;d.fire(this.input,"awesomplete-select",{text:a.textContent,preventDefault:function(){b=!0}});b||(this.replace(a.textContent),this.close(),d.fire(this.input,
"awesomplete-selectcomplete"))}},evaluate:function(){var a=this,b=this.input.value;b.length>=this.minChars&&0<this._list.length?(this.index=-1,this.ul.innerHTML="",this._list.filter(function(c){return a.filter(c,b)}).sort(this.sort).every(function(c,d){a.ul.appendChild(a.item(c,b));return d<a.maxItems-1}),0===this.ul.children.length?this.close():this.open()):this.close()}};f.all=[];f.FILTER_CONTAINS=function(a,b){return RegExp(d.regExpEscape(b.trim()),"i").test(a)};f.FILTER_STARTSWITH=function(a,
b){return RegExp("^"+d.regExpEscape(b.trim()),"i").test(a)};f.SORT_BYLENGTH=function(a,b){return a.length!==b.length?a.length-b.length:a<b?-1:1};var k=Array.prototype.slice;d.create=function(a,b){var c=document.createElement(a),g;for(g in b){var e=b[g];"inside"===g?d(e).appendChild(c):"around"===g?(e=d(e),e.parentNode.insertBefore(c,e),c.appendChild(e)):g in c?c[g]=e:c.setAttribute(g,e)}return c};d.bind=function(a,b){if(a)for(var c in b){var d=b[c];c.split(/\s+/).forEach(function(b){a.addEventListener(b,
d)})}};d.fire=function(a,b,c){var d=document.createEvent("HTMLEvents");d.initEvent(b,!0,!0);for(var e in c)d[e]=c[e];a.dispatchEvent(d)};d.regExpEscape=function(a){return a.replace(/[-\\^$*+?.()|[\]{}]/g,"\\$&")};"undefined"!==typeof Document&&("loading"!==document.readyState?l():document.addEventListener("DOMContentLoaded",l));f.$=d;f.$$=h;"undefined"!==typeof self&&(self.Awesomplete=f);"object"===typeof exports&&(module.exports=f);return f})();
.alert{
@extend %clearfix;
@extend %box-size;
border: 1px solid;
border-radius: 3px;
margin: 10px 0 10px 0;
padding: 10px;
color: white;
.alert-close{
padding: 0 5px 0 5px;
float: right;
&:hover{
cursor: pointer;
}
button{
@extend .button-clean;
}
}
.info:before{
font-weight: bold;
}
}
.notice{
@extend .alert;
@extend .light;
border-color: darken($aqua, 10%);
.alert-close:hover{
color: darken($aqua, 10%);
}
.info:before{
content: "Info: ";
}
}
.success{
@extend .alert;
@extend .normal;
border-color: darken($deep-sea, 10%);
.alert-close:hover{
color: darken($deep-sea, 10%);
}
.info:before{
content: "Sucesso: ";
}
}
.error{
@extend .alert;
@extend .red;
border-color: darken($crimson, 10%);
.alert-close:hover{
color: darken($crimson, 10%);
}
.info:before{
content: "Erro: ";
}
}
input.warn{
border-color: $crimson;
color: $nautical;
&::-webkit-input-placeholder { /* WebKit browsers */
color: $crimson;
}
&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: $crimson;
opacity: 1;
}
&::-moz-placeholder { /* Mozilla Firefox 19+ */
color: $crimson;
opacity: 1;
}
&:-ms-input-placeholder { /* Internet Explorer 10+ */
color: $crimson;
}
&:focus{
border-color: $crimson;
}
}
.button{
color: white !important;
border: none;
border-radius: 2px;
font-size: 110%;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
@include transition(background-color, 0.2s, ease);
&:hover{
cursor: pointer;
text-decoration: none;
}
&:active{
@extend .light;
@include transition(background-color, 0.2s, ease-out);
}
&:focus{
outline: 0;
}
}
.float-button{
position: relative;
top: -1.3em;
}
.icon-button{
@extend .button;
border-radius: 0;
font-family: FontAwesome;
font-size: $font-size + 0.2em;
position: relative;
top: 1.5px;
left: -6px;
color: white;
padding: 6px;
@include transition(background-color, 0.2s, ease-in-out);
/*&:hover{
@extend .light;
color: $nautical !important;
@include transition(all, 0.2s, ease-in-out);
}*/
}
.button-circle{
border-radius: 50%;
}
.button-clean{
border: none;
margin: 0;
padding: 0;
background-color: inherit;
color: inherit;
&:focus{
outline: 0;
background-color: inherit;
}
&:hover{
background-color: inherit;
}
}
.card{
@extend %box-size;
padding: $padding;
box-shadow:0 1px 2px #aaa;
background: white;
margin-bottom: $margin;
//border-radius: 3px;
& > &{
box-shadow:0 2px 5px #aaa;
}
}
.card-list{
padding: 0;
}
\ No newline at end of file
//Paleta de cores
$crimson:#EE3437;//#cd1e3d;
$nautical: #1E2251; //#354069;
$deep-sea:#39628d;
$aqua:#bfdede;
$gray:#808080;
$light-gray: #F5F5F5;
$squid-ink:#1a1a1a;
.normal{
background-color: $deep-sea;
}
.dark{
background-color: $nautical;
}
.darker{
background-color: $squid-ink;
}
.light{
background-color: $aqua;
}
.lighter{
background-color: $light-gray;
}
.red{
background-color: $crimson;
}
.error{
background-color: $crimson !important;
}
.inactive{
background-color: $gray;
}
//-----------------------------Sticky footer------------------------------------
$sticky-footer-height: 4em;
.page-wrap{
// min-height: 100%;
margin-bottom: 4em;
&:after{
content: "";
display: block;
}
}
//.sticky, .page-wrap:after{
.sticky{
position: absolute;
bottom: 0;
width: 100%;
height: $sticky-footer-height;
}
\ No newline at end of file
$input-padding: 10px;
$input-margin: 3px;
$border-radius: 2px;
input, .input{
vertical-align: middle;
margin: $input-margin 0 $input-margin 0;
&:focus{
outline: 0;
}
&:disabled{
background-color: $gray;
border-color: $squid-ink;
}
}
//Class .input no fim, caso eu não tenha coberto algum tipo
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
.input{
border: 1px solid $gray;
padding: $input-padding;
&:focus{
border-color: $deep-sea;
}
&:disabled{
border-color: darken($gray, 20%);
}
}
input[type="checkbox"]{
visibility: hidden;
cursor: pointer;
margin-right: 8px;
&:before{
content: "";
display: inline-block;
margin-right: 15px;
width: 12px;
height: 12px;
visibility: visible;
border: 2px solid darken($gray, 10%);
border-radius: $border-radius;
line-height: 12px;
font-size: 14px;
text-align: center;
font-weight: bold;
}
&:checked:before{
color: $deep-sea;
font-family: FontAwesome;
//FontAwesome
content: "\f00c";
border-color: $deep-sea;
}
&:hover:not(:checked):before{
color: darken($gray, 10%);
font-family: FontAwesome;
//FontAwesome
content: "\f00c";
}
}
input[type="radio"]{
visibility: hidden;
cursor: pointer;
margin-right: 8px;
&:before{
font-family: FontAwesome;
color: $gray;
content: "";
display: inline-block;
margin-right: 15px;
width: 11px;
height: 11px;
border: 2px solid darken($gray, 10%);
border-radius:50%;
visibility: visible;
line-height: 12px;
font-size: 14px;
text-align: center;
}
&:checked:before{
padding-left: -2px;
color: $deep-sea;
background-color: $deep-sea;
}
&:hover:not(:checked):before{
background-color: darken($gray, 10%);
}
}
textarea{
@extend .input;
}
fieldset{
border: 1px solid darken($gray, 20%);
border-radius: $border-radius;
}
.input-group{
margin: 0;
border: none;
padding: 0;
input, textarea{
display: block;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px;
&:focus{
z-index: 3;
}
&:first-child{
top: 1px;
border-radius: $border-radius $border-radius 0 0;
margin: 0;
&:last-child{
top: 1px;
border-radius: $border-radius;
margin: 0;
}
}
&:last-child{
top: -2px;
border-radius: 0 0 $border-radius $border-radius;
margin: 0;
}
}
}
.list{
.list-title{
padding: $padding;
text-align: center;
}
.list-item{
@extend %clearfix;
margin: 0;
padding: $padding;
border-top: 1px solid lighten($gray, 30%);
}
}
ul.list{
list-style-type: none;
padding: 0;
margin: 0;
}
\ No newline at end of file
@mixin filter($var) {
-webkit-filter: $var;
-moz-filter: $var;
-ms-filter: $var;
-o-filter: $var;
filter: $var;
}
@mixin transition($transition-property, $transition-time, $method) {