X-Git-Url: https://code.grnet.gr/git/astakos/blobdiff_plain/b640fa41356dc67236e3d7b17260729b3c74a6a0..8df55b7a996ee9ae45a372444aebbd9701c6eb92:/snf-astakos-app/astakos/im/static/im/css/styles.less

diff --git a/snf-astakos-app/astakos/im/static/im/css/styles.less b/snf-astakos-app/astakos/im/static/im/css/styles.less
deleted file mode 100644
index 60468c8..0000000
--- a/snf-astakos-app/astakos/im/static/im/css/styles.less
+++ /dev/null
@@ -1,602 +0,0 @@
-@import "../less/bootstrap.less";
-@import "../less/django_forms.less";
-@import "../less/tables.less";
-
-
-@gradCol: #ddd;
-body {
-    #font.main();
-}
-
-.topbar {
-    background-color: @shadowColor;
-    .head {
-        float: left;    
-            padding: @gridGutterWidth/2-5;
-    }
-    .links {
-        .clearfix();
-        a {
-            color: @black;
-            text-decoration: none;
-            display: block;
-            float: left;
-            margin-left: 10px;
-            padding: @gridGutterWidth/2+1;
-
-            &:hover {
-                background-color: lighten(@black, 10%);
-                color: @white;
-            }
-        }
-
-        float: right;    
-    }
-}
-
-// default link styles
-section a, p a, form a, .section a {
-    color: @black;
-    text-decoration: none;
-    border-bottom: 1px solid @linkColor;
-
-    &:hover {
-        color: @linkColor;
-    }
-
-    &.noborder {
-        border: none;   
-    }
-
-    em {
-        color: @blue;    
-    }
-}
-
-a.action {
-    color: @linkColor;
-    border-bottom: none;
-}
-
-a img {
-    border-bottom: none;
-}
-
-// body borders
-.content-border {
-    border-right: 1px solid @mainBorderColor;
-    border-left: 1px solid @mainBorderColor;
-}
-
-.hidden {
-    display: none !important;
-}
-
-// container sizing
-.container, .topbar, .footer {
-    .fixed-container();
-    .content-border();
-    padding: 0 @siteWhiteSpace;
-}
-
-.container {
-    padding-bottom: @siteWhiteSpace;
-    background-color: @white;
-}
-
-.topbar {
-}
-
-
-div.header {
-    position: relative;
-    margin-top: 42px;
-    margin-bottom: @gridGutterWidth;
-    h1 {
-        color: @shadowColor;
-        display: inline;
-        font-size: 2.3em;
-        border-bottom: 1px solid @shadowColor;
-        padding-bottom: 3px;
-    }
-}
-.mainlogo {
-    img {
-        margin-left: -10px;
-    }
-}
-
-.footer {
-    border-bottom: 1px solid @mainBorderColor;
-    border-top: 1px solid lighten(@mainBorderColor, 15%);
-    padding-top: @gridGutterWidth;
-    padding-bottom: @gridGutterWidth;
-}
-
-ul.inline {
-    .clearfix();
-    li {
-        display: block;    
-        float: left;
-        margin-right: 1em;
-    }
-}
-
-.mainnav.quicknav {
-    position: absolute;
-    right: 0;
-    top: -2.6*@gridGutterWidth;
-    margin:0;
-
-    li {
-        margin-right:0;
-        margin-left: 1em;
-    }
-}
-
-
-.mainnav {
-    font-size: 1.1em;
-    
-    &.subnav {
-        margin-bottom: -@gridGutterWidth;
-        li {
-            margin-top: @gridGutterWidth/2;
-        }
-    }
-
-    li {
-        margin-top: 3*@gridGutterWidth;
-    }
-
-    li.active {
-        a {
-            /*border-bottom: 1px solid @linkColor;*/
-            border-bottom: none;
-            color: @linkColor;
-        }
-    }
-    a {
-        color: @black;
-        text-decoration: none;
-
-        &:hover {
-            border-bottom: 1px solid @linkColor;
-        }
-
-        &.active, &:active {
-            border-bottom: 1px solid @linkColor;
-            color: @linkColor;
-        }
-    }
-}
-
-.page {
-    .makeRow();
-    margin-top: 42px;
-    font-size: 1.1em;
-    .page-inner {
-        position: relative;    
-    }
-}
-
-// columnlayout
-.maincol {
-    .makeColumn(5);
-    
-    &.wide {
-        .makeColumn(6);    
-    }
-
-    &.full {
-        .makeRow();
-        margin-left: 0;
-        .makeColumn(10);
-    }
-}
-
-.appbar {
-    height: 30px;
-    background-color: @blue;
-}
-
-.rightcol {
-    .offset(6.5);
-    .columns(4);
-
-    &.narrow {
-        .offset(7.5);
-        .columns(3);    
-    }
-    input[type=text], input[type=password] {
-        width: 3*@gridColumnWidth + 4*@gridGutterWidth + 5;    
-    }
-}
-
-
-/* recaptcha */
-#recaptcha_widget_div {
-    margin-top: 10px;
-    margin-left: -4px;
-
-    #recaptcha_instructions_image {
-        font-size: 0.8em;
-        margin-bottom: 10px;
-        display: block !important;
-    }
-}
-/* generic form styles */
-input, textarea, .form-widget {
-    background-color: @white;
-    color: @black;
-    border-color: @black;
-}
-
-.checkbox-widget.checked {
-    background-color: #f00;
-    background-image: url("../images/checkbox.png");
-    background-position: 50% 50%;
-}
-
-.checkbox-widget {
-    border: 1px solid @gray;
-    width: 25px;
-    height: 25px;
-    display: block;
-    float: left;
-    cursor: pointer;
-    margin-top: @gridGutterWidth/2 - 2;
-}
-
-#forms {
-    .input, input {
-        #font.main();
-        border: 1px solid @gray;
-        margin-bottom: -1px;
-        padding: 0.8em;
-        padding-left: 1.5em;
-        z-index: 2;
-
-        &:focus {
-            position: relative;
-            border: 1px solid #000;
-            z-index: 100;
-        }
-    }
-}
-
-.altcol {
-    background-color: @altColor !important;
-
-    &:hover {
-        background-color: @linkColor !important;
-    }
-}
-
-.section {
-
-    &.positioned {
-        
-        .content {
-            .makeColumn(4);
-        }
-
-        img {
-        }
-
-        &.withimg {
-            .img {
-                .makeColumn(4);
-            }
-
-            img {
-                float: left;    
-            }
-        }
-        
-        h3 {
-            margin-bottom: @gridGutterWidth;    
-        }
-
-        .text {
-            color: @black;    
-        }
-    }
-
-    margin-bottom: 2em; 
-
-    .left, .right {
-        width: 50%;
-        float: left;
-    }
-
-    &.imagelist {
-        margin-top: 2em;
-        .clearfix();
-        img {
-            float: left;    
-            margin-right: 4em;
-            vertical-align: middle;
-        }    
-    }
-}
-
-input[readonly=true] {
-    background-color: #ddd;
-    color: darken(#ddd, 70%);
-}
-
-form.withlabels {
-    label {
-        width: 3*@gridColumnWidth + 2*@gridGutterWidth;
-        display: block;
-        float: left;
-        padding-top: 1em;
-    }
-
-    input[type=text], input[type=password], textarea {
-        width: 3*@gridColumnWidth + 2*@gridGutterWidth;
-
-        &.long {
-            width: 3*@gridColumnWidth + 2*@gridGutterWidth;
-        }
-    }
-}
-
-
-@errorColor: lighten(@red, 30%);
-// forms
-form {
-    
-    &.login {
-        margin-bottom: 3em; 
-    }
-
-    h2 {
-        color: @black;
-        margin-bottom: @gridGutterWidth;
-        font-size: 1.1em;
-
-        span {
-            padding-bottom: 3px;
-        }
-    }
-
-    .form-row {
-        min-height: 2*@gridGutterWidth;
-        position: relative;
-        &.submit {
-            margin-top: @gridGutterWidth;
-        }
-
-        .extra-link {
-            color: @gray;
-            text-decoration: none;
-            border: none;
-            font-size: 0.8em;
-            margin-top: 1.3em;
-            float: right;
-        }
-    }
-    
-    &.innerlabels label { 
-        position: absolute;
-        top:1em;
-        left:1.5em;
-        color: #aaa;
-    }
-
-    &.innerlabels p {
-        position: relative;    
-    }
-
-    textarea, input.text, input[type="text"], input[type="password"] {
-        #forms.input();
-    }
-
-    input.submit, input[type="submit"] {
-        .button();
-    }
-
-    
-    .with-errors {
-        input, textarea, select {
-            color: @red;
-        }
-        label {
-            color: @errorColor;
-        }
-    }
-}
-
-.form-error {
-    background-color: @red;
-    color: #fff;
-    font-size: 0.8em;
-    padding: 5px 5px;
-}
-
-.form-errors.all {
-    .form-error {
-        position: relative;
-        border-radius: 0;
-        margin-bottom: 1.3em;
-        padding: 0.5em;
-    }
-}
-
-div.form-stacked {
-    margin-bottom: 4em;
-}
-// content types
-.section {
-    h2 {
-        font-size: 1.1em;
-        margin-bottom: 1.5*@gridGutterWidth;    
-
-        a {
-            color: #4085A6;
-            border: none;
-        }
-    }
-
-    p {
-        line-height: 1.7em;    
-    }
-}
-
-
-// page messages
-.messages {
-    .makeColumn(10);
-
-    margin-bottom: 2em;
-    background-color: #ddd;
-
-    li {
-        padding: 1em;    
-
-        &.success { background-color: @green; color: @white }
-        &.error { background-color: @red; color: @white }
-        &.warning { background-color: @yellow; color: @black }
-    }
-
-}
-
-// accounts specific styles
-.service-desc {
-    margin-top: 4em;    
-
-}
-
-
-// invitations table
-table {
-
-    td.consumed {
-        color: @red;
-    }
-
-    tr.consumed {
-        td.consumed {
-            color: @green;    
-        }
-    }
-}
-
-
-.row { .makeRow() }
-
-// footer
-.footer {
-    .makeRow()
-    
-    &:hover {
-        a {
-            color: @gray !important;
-            .transit();
-        }
-    }
-
-    a {
-        color: lighten(@gray, 20%);    
-        .transit();
-        text-decoration: none;
-
-        &:hover {
-            color: darken(@gray, 50%);    
-        }
-    }
-
-    li {
-        margin-bottom: @gridGutterWidth/2;
-
-        &.header {
-            margin-bottom: @gridGutterWidth;    
-        }
-    }
-
-    .col {
-        .makeColumn(4);
-        &:last-child, &.last {
-            width: 140px;
-            margin-right:0;
-        }
-    }
-
-    .bottom.row {
-        .col {
-            .makeColumn(2);    
-            &:last-child, &.last {
-                width: 140px;
-                margin-right:0;
-            }
-        }
-    }
-}
-
-
-/*pagination*/
-
-
-/*blog styles*/
-.blog-entries {
-
-}
-
-.blog-entry {
-
-    .section();
-    .clearfix();
-    margin-bottom: 2*@gridGutterWidth;    
-
-    .title {
-        margin-bottom: 1em;    
-        font-size: 1.1em;
-    }    
-
-    .media {
-        img {
-            border: 1px solid @gray;    
-        }    
-    }
-    
-    .intro-content, .content {
-        margin-top: @gridGutterWidth;
-
-        object {
-            margin: @gridGutterWidth 0;    
-        }
-    }
-
-    .entry-info {
-        font-size: 0.7em;
-        margin-top: @gridGutterWidth;    
-    }
-
-    &.single {
-        .entry-info {
-            margin-top: 0;
-            margin-bottom: @gridGutterWidth;
-        }    
-    }
-}
-
-.section.twitter-feed {
-    
-    .tweet {
-        line-height: 1.3em;
-        font-size: 0.9em;
-        margin-bottom: @gridGutterWidth;
-        color: @gray;
-
-        .date {
-            display: block;
-            font-size: 0.7em;
-            a {
-                text-decoration: none !important;
-                border: none;
-            }
-        }
-    }
-}