.big-box { border: 1px solid #eee; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5); box-shadow: 0 3px 3px rgba(0,0,0,.5); padding: 20px; margin-top: 60px; margin-bottom: 60px; /* -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */ } .socialaccount_providers li a.socialaccount_provider { rem-border: 1px solid #ddd; border-radius: 10px; rem-box-shadow: 2px 2px 8px rgba(0,0,0,.7); -padding: 10px; margin-bottom: 6px; display: block; width: 100%; overflow: hidden; rem-font-size: 1.2em; } .socialaccount_providers li a.socialaccount_provider:hover { text-decoration: none; box-shadow: 1px 1px 2px rgba(0,0,0,.7); } .socialaccount_providers li a.socialaccount_provider.facebook { background: #4B67A3; /* technically gradient down to #3A579A */ color: #fff; } .socialaccount_providers li a.socialaccount_provider.facebook:before { font-family: FontAwesome; font-size: 1.9em; content: "\f082"; display: inline-block; padding-left: 8px; padding-right: 8px; } .socialaccount_providers li a.socialaccount_provider.google { background: #DE4931; color: #fff; } .socialaccount_providers li a.socialaccount_provider.google:before { font-family: FontAwesome; font-size: 1.9em; content: "\f1a0"; display: inline-block; padding-left: 8px; padding-right: 8px; } /* from http://konigi.com/tools/css-sticky-notes */ .sticky { -webkit-box-shadow: #DDD 0px 1px 2px; position: relative; background-color: #F4F39E; border-color: #DEE184; text-align: center; margin: 2.5em 0px; padding: 1.5em 1em; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); box-shadow: 0px 1px 3px rgba(0,0,0,0.25); font-family: Chalkboard, 'Comic Sans'; } .sticky.taped2:after { display: block; content: ""; position: absolute; width: 110px; height: 30px; top: -21px; left: 30%; border: 1px solid #fff; background: rgba(254, 254, 254, .6); -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.1); box-shadow: 0px 0 3px rgba(0,0,0,0.1); } /* borrowed from http://designshack.net/articles/css/4-fun-css-image-effects-you-can-copy-and-paste/ */ .picture-frame img { border: 10px solid #fff; -webkit-box-shadow: 3px 0px 0px #777; -moz-box-shadow: 3px 0px 0px #777; box-shadow: 0px 0px 5px rgba(0,0,0,0.35); } /* Formsets */ .form-group table { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } tbody.option-formset > tr, tbody.organiser-formset > tr, tbody.trustee-formset > tr { cursor: grab; } .formset-add { margin-bottom: 10px; } .dialogFormField { margin-top: 0.65em; } div.formset_object { animation: 0.3s drop-intro; } @keyframes drop-intro { from { transform:scale(0.8); opacity:0; } to { transform:scale(1); opacity:1; } } .panel-heading.error { background-image: -webkit-linear-gradient(top, rgb(242, 222, 222) 0, rgb(242, 203, 208) 100%); background-image: -o-linear-gradient(top, rgb(242, 222, 222) 0, rgb(242, 203, 208) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 222, 222)), to(rgb(242, 203, 208))); background-image: linear-gradient(to bottom, rgb(242, 222, 222) 0, rgb(242, 203, 208) 100%); } /* Error / Success */ .errorText { margin-top: 0.5em; font-weight: bold; color: red; } .successText { color: green; } /* File uploading */ input[type="file"] { display: none; } /* Events List page / Events Detail */ .statusBtn { width: 89px; } .marginTopEventList { margin-top: 5.75em; } .marginTopCreateButton { margin-top: 1.75em; } .marginTopEditButton { margin-top: 0.85em; } .marginTopOverview { margin-top: 5em; } .overviewPadding { padding-left: 16px; } .resultsCol { width: 50% } .marginTopResultTable { margin-top: 1.25em; } /* Voting page */ .big-checkbox { width: 30px !important; height: 30px; } .btn-sq { width: 125px !important; height: 125px !important; font-size: 16px; line-height: 115px; text-align: center; } .choice { margin-left: 2em; } .choice-group { width: 54%; margin: 0 auto; }