Ajax Loader
×

Untitled

HTML
<div class='topRightLinks'>
1
<div class='topRightLinks'>
2
    <div class='dashboardSettings'>
3
      <span class='addSection'>Add Report</span>
4
    <div class='divSections'>
5
      <span>Choose a report:</span>
6
      <select class='ddlAddSection'><option value='1'>Account Analytics</option></select>
7
      <input type='button' value='Add'/>
8
      <input type='button' value='Close'/>
9
    </div>
10
    </div>
11
  </div>
12
  
13
  <div class='settings'>
14
    <div class='setting'>Dashboard Name: 
15
      <input type='text' maxlength='64' class='name' />
16
      <div class='save'>
17
        <input class='save' type='button' value='Save' />
18
        <input class='saveAsNew' type='button' value='Save As New' />
19
        <input class='cancel' type='button' value='Cancel' />
20
      </div>
21
  </div>
 
CSS
.settings {
1
.settings {
2
    max-width: 970px;
3
    display: block;
4
    border: 1px solid #ccc;
5
    padding: 3px;
6
    background-color: #f3f3f3;
7
    text-align: left;
8
  }
9
  .setting {
10
    margin: 5px 0;
11
    display: block;
12
    text-align: left;
13
  }
14
  .name { width: 200px; }
15
  .save {
16
    float: right;
17
    text-align: right;
18
  }
19
  .saveAsNew, .cancel { margin-left: 4px; }
20
  .topRightLinks {
21
    display: block;
22
    float: right;   
23
  }
24
  .dashboardSettings {
25
    margin-bottom: 20px;
26
    text-align: right;
27
  }
28
  .divSections {
29
    width: 400px;
30
    margin-top: 5px;
31
    padding: 5px;
32
    border: 1px solid #ccc;
33
    margin-left: auto;
34
    text-align: right;
35
  }
 

Untitled

CSSDeck G+