diff --git a/css/zed/forms.css b/css/zed/forms.css index 07c2b7e..f827c86 100644 --- a/css/zed/forms.css +++ b/css/zed/forms.css @@ -1,97 +1,97 @@ @charset "utf-8"; /* ------------------------------------------------------------- Zed - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Dereckson Tags: space retro futurist Filename: forms.css Version: 1.1 Created: 2010-01-27 Updated: 2010-07-02 Licence: Creative Commons BY 3.0 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Import dojo CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @import "/js/dojo/dijit/themes/tundra/tundra.css"; /* ------------------------------------------------------------- Forms rows - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ form { color: black; } form div.row { margin-bottom: 0.8em; } hr { width: 90%; color: lightgray; margin: 2em auto 2em auto; } /* ------------------------------------------------------------- - input tags width + tags width - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .small { width: 5em; } .medium { width: 12em; } .long { width: 20em; } /* ------------------------------------------------------------- Labels (from dojo CSS) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ label { color: white; } .firstLabel { display: inline-block; display: -moz-inline-box; width: 10em; min-width: 10em; vertical-align: top; } .secondLabel { width: auto; margin-left: 5em; margin-right: 1em; } fieldset label { margin-right: 1em; } /* ------------------------------------------------------------- Misc - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Doesn't display DOJO tooltips provider if JS disabled */ .dojotooltip { display: none; } /* Kludge: normal font size for form items */ form { font-size: 90%; } label { font-size: medium; -} \ No newline at end of file +} diff --git a/css/zed/login.css b/css/zed/login.css index b911b48..c594815 100644 --- a/css/zed/login.css +++ b/css/zed/login.css @@ -1,122 +1,122 @@ @charset "utf-8"; /* ------------------------------------------------------------- Zed - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Dereckson Tags: space retro futurist Filename: login.css Version: 1.0 Created: 2010-01-27 Updated: 2010-02-09 Licence: Creative Commons BY 3.0 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { margin: 0 0 0 0; background-color: #343434; font-family: "FixedSys", monospace; } /* ------------------------------------------------------------- Login form - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #LoginBox { background-image: url("../../img/login/bg.jpg"); width: 341px; height: 516px; margin: 0 auto 0 auto; } #LoginBox label { display:none; } #LoginBox input { width: 150px; font-weight: 900; border: none; background-color: #3b3f55; color: white; } #LoginBox #username { position: relative; top: 250px; left: 150px; } #LoginBox #password { position: relative; top: 300px; left: 150px; } #LoginBox #openid { position: relative; top: 390px; width: 230px; left: 50px; /* OpenID */ background-image: url("../../img/login/openid.png"); background-position: 0% 50%; background-repeat: no-repeat; padding-left: 20px; } #LoginBox #submit { position: relative; top: 420px; left: 250px; width: 50px; } .error { position: relative; width: 290px; margin: 0 10px 0 10px; text-align: right; color: #3b3f55; top: 274px; } /* ------------------------------------------------------------- Bottom right vertical links Inspiration: mono lab "monochrome" wordpress theme http://www.mono-lab.net - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #link_tour a { position: absolute; position: fixed; right: 15px; bottom: 15px; width: 18px; height: 84px; display: block; background: url("../../img/login/tour.png") no-repeat left top; } #link_tour a:hover { background:url("../../img/login/tour.png") no-repeat right top; } #link_blog a { - position:absolute; - position:fixed; - right:35px; - bottom:15px; - width:18px; - height:84px; - display:block; - background:url("../../img/login/blog.png") no-repeat left top; + position: absolute; + position: fixed; + right: 35px; + bottom: 15px; + width: 18px; + height: 84px; + display: block; + background: url("../../img/login/blog.png") no-repeat left top; } #link_blog a:hover { - background:url("../../img/login/blog.png") no-repeat right top; -} \ No newline at end of file + background: url("../../img/login/blog.png") no-repeat right top; +} diff --git a/css/zed/profile.css b/css/zed/profile.css index 9b9c21c..3c16e0a 100644 --- a/css/zed/profile.css +++ b/css/zed/profile.css @@ -1,140 +1,140 @@ @charset "utf-8"; /* ------------------------------------------------------------- Zed - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Dereckson Tags: space retro futurist Filename: profile.css Version: 1.0 Created: 2010-01-27 Updated: 2010-02-11 Licence: Creative Commons BY 3.0 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Profile header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .profile_id { - height: 40px; + height: 40px; line-height: 1.2em; - background-color: black; - color: white; + background-color: black; + color: white; } .profile_id H1 { color: #04acf8; } .profile_info { - float: right; + float: right; font-size: 0.90em; padding-right: 1em; } .profile_info a { - color: white; + color: white; } .profile_info a:hover { - color: white; - font-weight: bold; + color: white; + font-weight: bold; } .profile_nick { - float: left; + float: left; margin-top: 0; height: 30px; - padding-left: 12px; + padding-left: 12px; padding-top: 10px; - font-size: 1.25em; - font-weight: 500; + font-size: 1.25em; + font-weight: 500; border-left: solid #04acf8 6px; } /* ------------------------------------------------------------- Profile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .profile { background-color: black; color: white; margin-bottom: 20px; border: 2px solid #04acf8; } .profile_text, .profile_message, .profile_tags { margin-left: 10px; margin-right: 10px; } .profile_text { padding-top: 1em; font-size: 1em; text-align: justify; } .profile_text img { border: 0px; } .profile_text.fixedwidth { - font-family: "Fixedsys Excelsior 3.01", Fixedsys, Fixed; - white-space: pre; + font-family: "Fixedsys Excelsior 3.01", Fixedsys, monospace; + white-space: pre; } .profile_separator_light { height: 1em; border-bottom: 1px solid #04acf8; } .profile_tags dt { font-weight: 900; color: #04acf8; } .profile_tags dd { text-align: justify; } /* ------------------------------------------------------------- Profile comments - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .profile_comments { background-color: #fafafa; border: solid 1px #dedede; } .profile_comments_info { font-style: italic; } .profile_comments_text { font-size: 1.25em; } /* ------------------------------------------------------------- Profile editor - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .photos { } .photo img { margin: 8px 0px 12px 20px; border: 0; } .photo { float: left; } /* ------------------------------------------------------------- Profile sidebar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #sidebar { color: white; } diff --git a/css/zed/theme.css b/css/zed/theme.css index a123a22..7641fa5 100644 --- a/css/zed/theme.css +++ b/css/zed/theme.css @@ -1,417 +1,416 @@ @charset "utf-8"; /* ------------------------------------------------------------- Zed - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Dereckson Tags: space retro futurist Filename: theme.css Version: 1.1 Created: 2010-01-27 Updated: 2010-07-02 Licence: Creative Commons BY 3.0 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Page settings - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { margin: 0.5em 0 0 0; background-attachment: fixed; background-color: #343434; background-image: url("../../img/zed/bg.jpg"); background-position: top left; background-repeat: no-repeat; font-family: "Calibri", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica", "Arial", sans-serif; min-height: 1200px; } .container_16 { color: white; } h1 { color: #19B5E7; font-size: 21px; font-weight: normal; } h2, h3, h4, h5, h6 { color: #04acf8; font-weight: normal; } h2 { font-size: 19px; } h3 { - color: #04acf8; + color: #04acf8; font-size: 16px; } pre { font-family: FixedSys, monospace; } /* ------------------------------------------------------------- Links - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a { color: #1AC8E8; text-decoration: none; } a:visited { color: gray; } a:hover { color: red; text-decoration: none; } /* ------------------------------------------------------------- Notify messages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .notify { - padding-top: 25px; - padding-bottom: 25px; + padding-top: 25px; + padding-bottom: 25px; - margin-bottom: 10px; + margin-bottom: 10px; - text-align: center; - background: #eeeeee; - font-size: 1.5em; - color: black; + text-align: center; + background: #eeeeee; + font-size: 1.5em; + color: black; - border: 5px solid #1AC8E8; - width: 950px; + border: 5px solid #1AC8E8; + width: 950px; } .wap { - padding-top: 50px; - padding-bottom: 50px; - - margin-bottom: 10px; + padding-top: 50px; + padding-bottom: 50px; - text-align: center; - background: #eeeeee; - font-size: 2em; - color: black; + margin-bottom: 10px; - border: 5px solid indianred; - width: 950px; + text-align: center; + background: #eeeeee; + font-size: 2em; + color: black; + border: 5px solid indianred; + width: 950px; } /* ------------------------------------------------------------- Header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header { - background-image: url("../../img/zed/bg_header.png"); - background-repeat: no-repeat; - margin: auto auto; - margin-bottom: 0.5em; + background-image: url("../../img/zed/bg_header.png"); + background-repeat: no-repeat; + margin: auto auto; + margin-bottom: 0.5em; height: 104px; - width: 978px; + width: 978px; } #header_content { - padding-top: 26px; + padding-top: 26px; } #HypershipTime { color: white; - font-size: 0.8em; - background-image: url("../../img/zed/time.png"); - background-position: center left; - background-repeat: no-repeat; - text-indent: 2em; + font-size: 0.8em; + background-image: url("../../img/zed/time.png"); + background-position: center left; + background-repeat: no-repeat; + text-indent: 2em; } /* ------------------------------------------------------------- Header - wall - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .wall { text-align: left; - float:left; + float:left; color: white; - font-size: 0.8em; - background-image: url("../../img/zed/quote.png"); - background-position: top left; - background-repeat: no-repeat; - text-indent: 2em; - margin-bottom: 0.8em; + font-size: 0.8em; + background-image: url("../../img/zed/quote.png"); + background-position: top left; + background-repeat: no-repeat; + text-indent: 2em; + margin-bottom: 0.8em; } .wall_info { display: block; text-align: right; /* font-size: 80%; */ } .wall a { color: #a9a49e; } .wall a:hover { color: #fd9800; } /* ------------------------------------------------------------- Content (e.g. stories in /explore) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .content_wrapper { - background-color: #171717; - border: solid 5px black; - margin-bottom: 1em; + background-color: #171717; + border: solid 5px black; + margin-bottom: 1em; } .content_wrapper .content { - padding: 0 2em 0 2em; - color: white; + padding: 0 2em 0 2em; + color: white; } .content_wrapper H1 { - margin-top: 0; - padding: 0.25em 0 0.75em 1em; - background-color: black; - height: 1em; + margin-top: 0; + padding: 0.25em 0 0.75em 1em; + background-color: black; + height: 1em; } /* ------------------------------------------------------------- Avatars wall - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .avatar { float: left; margin-bottom: 2em; margin-right: 2em; text-align: center; } .avatar img { border: solid 1px; } .avatar_name { display: block; } .avatar a:hover { color: white; } /* ------------------------------------------------------------- Messages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .message { margin-bottom: 17px; padding: 8px 9px 8px 9px; width: 940px; font-size: 80%; } .message.light { background-color: #fafafa; border: 3px solid #dedede; width: 938px; color: black; } .message.light a {color: #343434;} .message.dark { background-color: #acc0c3; border: solid 3px #4e5758; width: 938px; color: #000033; } .message.dark a {color: #154c4c;} .message a:hover { font-weight: 900; } .message_info { text-align: right; margin-bottom: 1em; } .message_text { font-size: 1.25em; } .message_info { color: #343434; } /* ------------------------------------------------------------- Helper classes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .center { text-align: center; } /* ------------------------------------------------------------- Color boxes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .plum { background-color: plum; border: 1px solid #800080; color: black; } .plum a { color: #800080; } .green { background-color: beige; border: 1px solid darkgreen; color: black; } .green a { color: darkgreen; } .skyblue { background-color: lightskyblue; border: 1px solid #6e47fe; } .skyblue a { color:navy } .indigo { background-color: #AE97E1; border: 1px solid #C97FFF; } .indigo a {color: #800080;} .yellow { background-color: #FFFFCC; border: 1px solid #C4B963; } .yellow a {color: navy;} .orange { background-color: #FDD9AC; border: 1px solid #eaaf67; } .orange a {color: #43392e;} .red { background-color: #FFE4E1; border: solid 1px #DC7777; color: #220000; } .red a {color: #993333;} .black { background-color: black; color: #ccc; border: solid 2px #555; } .plum a:hover, .green a:hover, .skyblue a:hover, .indigo a:hover, .yellow a:hover, .orange a:hover, .red a:hover{ font-weight: bold; } /* ------------------------------------------------------------- SmartLine - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #SmartLine { width: 100%; } #SmartLine .left { } #SmartLine .right { float: right; text-align: right; } /* TODO: ajouter un sélecteur de SmarLine pour chat/commandes (60px) */ /* grid_1 alpha -> sélecteur, grid_3 -> history, grid_12 > bar */ #SmartLineHistory { width: 115%; /* dépasse de sa bordure */ } #SmartLineBar{ /* 99.6% for alignment with .message.light */ width: 99.6%; } #SmartLineResults { font-family: "Fixedsys Excelsior 3.01", FixedSys, Terminal; font-size: 12pt; } #SmartLineResults .highlight { color: #16c3cc; } #SmartLineResults .error { color: red; } #SmartLineResults p { padding-left: 1em; } /* ------------------------------------------------------------- Floating panes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .floatingPaneTutorial { width: 957.5px; margin-bottom: 1em; color: black; } .floatingPaneTutorial a { color: navy; } .floatingPaneTutorial a:hover { color: #5f0505; } .floatingPaneTutorial p { color: black; margin: 0; padding: 5px 10px 0px 10px; } .dojoxDockList { color: black; } /* ------------------------------------------------------------- Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer { font-size: 80%; color: white; -} \ No newline at end of file +}