Blog

styles.css for Testing Sinatra Ruby Framework CRUD Operations with RSpec and Capybara Gems
Posted on August 10, 2015 in CSS, Ruby, Sinatra by Matt Jennings

See this post for a full describe of files used in a Sinatra Ruby framework for CRUD (Create Read Update Delete) operations with RSpec and Capybara testing.

/public/css/styles.css

body {
    padding: 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
}

h1 {
    line-height: 35px;
}

a, a:link, a:visited {
    color: blue;
    text-decoration: none;
}

a:hover, a:active {
    color: blue;
    text-decoration: underline;
}


#wrapper {
    width: 920px;
    padding: 20px;
    margin: 0 auto;
    line-height: 26px;
}

.important {
    font-weight: bold;
}

#project-form label {
    display: inline-block;
    width: 120px;
}

#project-form input[type=text] {
    display: inline-block;
    width: 180px;
    padding: 3px;
}

.error {
    color: red;
}

.success {
    color: green;
}

#projects-list {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

#projects-list li {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #000;
    list-style-type: none;
}

#projects-list strong {
    display: inline-block;
    width: 120px;
}