Call

CSS Snippet

Filed under Uncategorized

This is a snippet of the CSS code I use when starting new project. The are not rquired and can be removed

body {
    margin: 0;
    padding: 0;
}

/* I don't link the link styling defaults */
body a {
    text-decoration: none;
}


body a:hover {
    text-decoration: underline;
}

/* If I want a border I use my own style */
img{
    border: none;
}


.fltrt {
    float: right;
}

.fltlft {
    float: left;
}

.clrflt {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Used for image Opacity / Transparency styling */
img.opacity {
    opacity:0.4;
    filter:alpha(opacity=40);  
}

img.opacity:hover {
    opacity:1;
    filter:alpha(opacity=100); 
}

/* My prefered forms style */
fieldset
{
    border: 1px solid #999999;
    background-color: #F4F4F4;
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
}

label{
    width: 200px;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;

}

input{
    border-right: #999 1px solid;
    border-top: #999 1px solid;
    border-left: #999 1px solid;
    border-bottom: #999 1px solid;
}

textarea {
    border-right: #999 1px solid;
    border-top: #999 1px solid;
    border-left: #999 1px solid;
    border-bottom: #999 1px solid;
}

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*