Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- font-family:Gill Sans MT;
- padding:10px;
- }
- input.add
- {
- float:right;
- }
- input.fieldname
- {
- float:left;
- clear:left;
- display:block;
- margin:5px;
- }
- input.remove
- {
- float:left;
- display:block;
- margin:5px;
- }
- #yourform label
- {
- display:block;
- margin:5px;
- border-top: 1px solid lightgrey;
- }
- #yourform input, #yourform textarea
- {
- float:left;
- display:block;
- margin:5px;
- }
- /* */
- .field-buttons{
- float: right;
- width: 329px;
- }
- .field-buttons input{
- padding: 5px;
- }
- .fieldwrapper{
- display: flex;
- padding: 10px;
- }
- .field-subject{
- margin-right: 10%;
- display: flex;
- height: 30px;
- }
- .field-buttons{
- padding-top: 20px;
- }
- #add{
- border-radius: inherit;
- }
- #preview{
- border-radius: 0px 5px 5px 0px;
- }
- #empty{
- border-radius: 5px 0px 0px 5px;
- }
- #yourform{
- display: contents;
- }
- .table-first-column{
- padding-right: 10%;
- }
- legend{
- float: none;
- font-size: 14px;
- font-weight: bold;
- padding-top: 6%;
- }
- #hovertext {
- opacity: 0;
- }
- #btn-remove:hover~#hovertext{
- opacity: 1;
- -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
- -moz-animation: fadein 2s; /* Firefox < 16 */
- -ms-animation: fadein 2s; /* Internet Explorer */
- -o-animation: fadein 2s; /* Opera < 12.1 */
- animation: fadein 2s;
- }
- .span-field{
- width: -webkit-fill-available
- }
- .span-btn{
- margin-top: 20px;
- margin-left: 24px;
- }
- .span-number{
- padding-top: 25px;
- font-size: 21px;
- font-family: sans-serif;
- padding-right: 40px;
- }
- @keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Firefox < 16 */
- @-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Safari, Chrome and Opera > 12.1 */
- @-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Internet Explorer */
- @-ms-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /* Opera < 12.1 */
- @-o-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement