Project

General

Profile

save-cancel.html

Chris Stein, 2014-03-29 12:03 AM

 
1

    
2
<style>
3
.cacap-edit-buttons {
4
        clear: both;
5
        float: right;
6
}
7

8

9
/*with above this absolute positioning becomes unnecessary*/
10
.cacap-edit-submit {
11
/* position: absolute; */
12
/* right: 0; */
13
/* bottom: 20px; */
14
}
15

16
#cacap-header .cacap-edit-submit {
17
        color: #25A33C;
18
        -webkit-border-radius: 3px 0 0 3px;
19
        -moz-border-radius: 3px 0 0 3px;
20
        border-radius: 3px 0 0 3px;
21
}
22

23
#cacap-header .cacap-edit-cancel {
24
        color: #f46;
25
        -webkit-border-radius: 0 3px 3px 0;
26
        -moz-border-radius: 0 3px 3px 0;
27
        border-radius: 0 3px 3px 0;
28

29
        /* for red background comment out the color and add 
30
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f46), to(#f46));
31
        background-image: -webkit-linear-gradient(#f46 0%, #f46 100%);
32
        background-image: -moz-linear-gradient(#f46 0%, #f46 100%);
33
        background-image: -o-linear-gradient(#f46 0%, #f46 100%);
34
        background-image: linear-gradient(#f46 0%, #f46 100%);
35
        */
36
}
37

    
38
</style>
39

    
40

    
41
<!-- removing space between inputs helps them appear together -->
42

    
43
<div class="cacap-edit-buttons">
44
                        <input type="submit" value="Save Changes" class="cacap-edit-submit"><input type="submit" value="Cancel" class="cacap-edit-cancel">
45
</div>