card 0.0.1 → 1.15.pre

data/db/migrate_core_cards/data/1.12_stylesheets/classic_cards.scss

@@ -0,0 +1,100 @@
+/* 
+This stylesheet defines the core rules of the "classic" Wagn look.
+*/
+
+body {
+  font: 12px verdana, arial, helvetica, sans-serif;
+  background: #ccc;
+  color: #444;
+  margin: 0px;
+  min-width: 480px;
+}
+
+.card-frame {
+  margin: 1px 0;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+  border: 1px solid #aaa;
+  border-bottom: 2px solid #ccc;
+  border-right: 2px solid #ccc;
+  background: #fff;
+  margin: 0;
+  padding: 0 !important;
+  > .card-body {
+    min-height: 20px;
+  }
+  > .card-header {
+    margin: 0;
+    color: #333333;
+    background: #8AB;
+    text-align: left;
+    .toggler {
+      top: 2px;
+    }
+  }
+  > .instruction {
+    color: #440;
+    background: #ddc;
+  }  
+}
+
+
+
+
+/*------------- closed view -------*/
+.closed-view {
+  border: 0;
+  border-bottom: 1px solid #ccc;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+  .card-header {
+    -moz-border-radius: 0 6px 6px 0;
+    border-radius: 0 6px 6px 0;
+    margin-right: 4px;
+  }
+}
+
+
+.errors-view > .card-body {
+  border: 2px solid #b44;
+  background: #ffb;
+}
+
+
+/*--------- links --------------*/
+a {
+  color: #279;
+}
+a.wanted-card {
+  color: #990000;
+}
+a.email-link {
+  color: #997799;
+}
+
+
+
+/*-- misc --*/
+
+p {
+  line-height: 1.5em;
+}
+pre {
+  background-color: #e5f0f5;
+  padding: 10px;
+}
+li {
+  margin-bottom: 2px;
+}
+hr {
+  margin: 10px
+}
+
+
+.card-notice {
+  color: #009;
+}
+.joint {
+  color: #960;
+}
+

data/db/migrate_core_cards/data/1.12_stylesheets/common.scss

@@ -0,0 +1,226 @@
+/*
+This stylesheet outlines a host of commonly-used styles.  Unlike the "standard" stylesheet, this
+sheet will likely affect prominent pages seen even by casual users, so any major style tweaking will
+likely alter some of the style rules below.
+
+We do not expect migrations to alter this card frequently
+*/
+
+
+$input_color: #f9f9ed;
+$input_focus_color: #ffffee;
+$label_color: #666666;
+$border_color: #999999;
+$header_color: #eeeeee;
+
+h1 {
+  font-size: 1.2em;
+}
+h2 {
+  font-size: 1.1em;
+}
+
+textarea, input {
+  font-size: 1em;
+  line-height: 1.5em;
+}
+
+/* 
+the following gives users more explicit control over spacing within tinyMCE
+but leads to lots of empty paragraph tags
+*/
+
+h1, h2, p {
+  margin: 0px;
+}
+
+label,
+.navbox-item-label {
+  color: $label_color;
+}
+table {
+  border-collapse: collapse;
+}
+th {
+  color: $label_color;
+  font-weight: normal;
+  font-style: italic;
+}
+td, th {
+  vertical-align: top;
+  padding: 0px;
+}
+a:link,
+a:visited {
+	text-decoration: none;
+}
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+form {
+  margin: 0px;
+  padding: 0px;
+}
+
+
+.card-header,
+.card-body {
+  padding: 5px 0;
+}
+
+.card-frame {
+  border: 1px solid $border_color;
+  > .card-header {
+    background: $header_color;
+    padding: 5px 12px;
+  }  
+  > .card-body {
+    padding: 5px 12px;
+  }
+  > .instruction {
+    background: #ccc;
+  }  
+}
+
+.card-header > .instruction {
+  font-weight: normal;
+  font-size: 0.9em;
+}
+
+.closed-view {
+  border: 0;
+  border-bottom: 1px solid #eee
+}
+
+/*-------- Special Pages --------*/
+
+/*-- sign in page --*/
+
+#sign-in input#login_field,
+#sign-in input#password,
+#forgot-password input#email {
+  width: 50%;
+}
+#forgot-password {
+  margin-top: 40px;
+}
+
+
+
+
+/*----------- inputs ---------*/
+
+
+input[type=text],
+input[type=password],
+input[type=checkbox],
+textarea,
+select {
+  border: 1px solid #aaa;
+  border-top: 2px solid #666;
+  border-left: 2px solid #666;
+  background: $input_color;
+  :focus {
+    background: $input_focus_color;    
+  }
+}
+.history-view > .card-content,
+.conflict-view,
+body#tinymce {
+  background: $input_color;
+}
+body.mceContentBody {
+  margin: 4px;
+}
+
+
+/*----------- Change View ---------*/
+
+.change-view {
+  padding: 5px 0px;
+  border-bottom: 1px dotted $border_color;
+  .card-title {
+    font-weight: bold;
+  }
+  .last-update {
+    color: $label_color;
+  }
+}
+
+
+
+/*---------- ( Richtext )-------------*/
+
+.table-of-contents {
+  background: $header_color;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  padding: 4px;
+  margin: 5px 20px 20px 20px;
+  h5 {
+    margin: 0 0 0 40px;
+  }
+  ol {
+    list-style-type: upper-roman;
+    ol {
+      list-style-type: upper-alpha;
+      padding-left: 25px
+    }
+  }
+}
+
+
+/* CARDTYPE_SPECIFIC ------------------------------*/
+
+
+.TYPE-toggle.card-content {
+  font-style: italic;
+}
+
+.TYPE-image.card-content img {
+  max-width: 100%;
+}
+
+/*---------( Search ) ---------- */
+
+.search-keyword {
+  font-style: italic;
+}
+
+.search-count {
+  float: right;
+  color: $label_color;
+}
+
+
+/*----------- (Account Request)--------------*/
+
+.invite-links {
+  padding: 10px;
+  margin-top: 10px;
+  background: $header_color;
+  text-align: center;
+}
+.invite-links a {
+  font-weight: bold;
+  margin: 0 20px;
+}
+
+
+/*---------- comments -------------------------------------- */
+
+.comment-box {
+  padding: 8px;
+  margin: 0px;
+  input {
+    padding: 0px;
+  }
+  textarea {
+    margin-bottom:5px;
+  }
+}
+.w-comment-author {
+  font-style: italic;
+  margin-left: 10px;
+}

data/db/migrate_core_cards/data/1.12_stylesheets/right_sidebar.scss

@@ -0,0 +1,27 @@
+/*
+This stylesheet defines a simple layout with the sidebar at right.
+*/
+
+
+#primary {
+  margin: 0 1% 3em 1%;
+  float: left;
+  width: 67%;
+}
+#secondary {
+  margin: 0 1% 3em 1%;
+  float: right;
+  width: 28%;
+}
+
+
+@media print {
+  #primary { 
+    width: 100%;
+    float: none;
+    margin: 0;
+  }
+  #secondary {
+    display: none;
+  }
+}

data/db/migrate_core_cards/data/1.12_stylesheets/traditional.scss

@@ -0,0 +1,152 @@
+/*
+This "traditional" styling is for backwards compatibility.  It is not intended for use in Wagns created after version 1.12.
+
+There are three types of rules here:
+  1. rules applying to selectors no longer included in standard layouts (#menu, #logo, #credit)
+  2. rules enforcing now-deprecated styling patterns
+  3. rules enforcing default content expected to change soon
+
+*/
+
+@mixin no_external_icon {
+  list-style-type: none;
+  padding-right: 0 !important;
+  background: inherit;
+}
+
+
+/* #menu is being replaced with #header */
+#menu {
+  font-size: 14px;
+  background: #8AB;
+  margin-bottom: 20px;
+  padding: 2px;
+ a {
+    color: #000;
+    padding: 0px 4px;
+  }
+  div {
+    display: inline;
+  }
+  #logging {  /* signing in and out */
+    float:right;
+    right: 0.5%;
+    top: 2px;
+  }
+  #my-card-link {
+    font-weight: bold;
+  }
+  .navbox {
+    height: 18px;
+    width: 30%;
+  }
+}
+@media print {
+  #menu {
+    display: none;
+  }
+}
+
+
+/* -------  Secondary --------- */
+
+/* #logo is being replaced with *logo card slot wrappers */
+#logo {
+  text-align: center;
+  padding: 10px;
+  background: #fff;
+  border: 1px solid #777;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+  a,
+  a:link,
+  a:visited {
+    color: #448;
+    text-decoration: none;
+    text-align: center;
+  }
+  img {
+    max-width: 100%;
+  }
+}
+
+/* #credit is being replaced with *credit card slot wrappers */
+#credit {
+  margin: 30px 0;
+}
+
+
+/* the logo and credit will not be in the sidebar in most new layouts */
+
+#secondary {
+  > div {
+    > a > .SELF-Xlogo.content-view,
+    > .SELF-Xcredit.content-view {
+      display: block;
+      text-align: center;
+      padding: 10px;
+      background: #fff;
+      border: 1px solid #bbb;
+      -moz-border-radius: 8px;
+      border-radius: 8px;
+      img {
+        max-width: 100%;
+      }
+      a {
+        color: #186886; /* NOTGREY - Wagn blue */
+      }
+    }
+  }  
+}
+
+
+/*
+The following are specifically NOT recommended but are included here to avoid disrupting behavior in old sites
+*/
+
+/* best not to overspecify these properties */
+body, p, ol, ul, td, th, textarea {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   12px;
+  font-weight: normal;
+}
+
+body, p, ol, ul {
+  line-height: 21px;
+}
+
+.closed-content {
+  font-size: 11px !important;
+}
+
+/* creates lots of inline divs.  confusing */
+.content-view {
+  display: inline;
+}
+
+/* english content in css.  ugh */
+.search-no-results:after {
+  content:'0 results';
+}
+.closed-content .search-no-results:after {
+  content:'';
+}
+
+/* many sites may want this external link behavior; it's here because it's a nuisance to override when not desired */
+
+a.external-link,
+.closed-content a.external-link {
+  color: #729;
+  background: url([[/assets/external_link.png]]) center right no-repeat;
+  padding-right: 13px !important;
+}
+
+.SELF-home-original > .card-content p,
+.SELF-wagneer_menu > .card-content {
+  a.external-link {
+    list-style-type: none;
+    padding-right: 0 !important;
+    background: inherit;
+  }
+}
+