Skip to content

Commit

Permalink
bjc.css
Browse files Browse the repository at this point in the history
  • Loading branch information
@brianharvey
brianharvey committed Oct 18, 2019
1 parent af156a2 commit dc5850e
Showing 1 changed file with 69 additions and 55 deletions.
124 changes: 69 additions & 55 deletions css/bjc.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,17 @@

/** Basic HTML **/
.todo, .comment, .commentBig {
display: none; /*MARY remember to "Draft a New Release" on the GH releases page per Tech Check-in 2018-01-03*/
/*display: none; /*MARY remember to "Draft a New Release" on the GH releases page per Tech Check-in 2018-01-03*/
}

/*div.full::before { /* DRAFT MESSAGING FOR bjc2.edc.org --MF, 7/5/19
background-color: yellow;
color: red;
content: "This is a draft version of BJC. Visit bjc.edc.org for the current version.";
font-size: 2em;
font-weight: bold;
}*/

.anchor {
padding-top: 65px;
margin-top: -65px;
Expand All @@ -18,7 +26,6 @@ a, .dialogue a { color: #2a6496; /* was 428bca; */}
body { /* Added 12/15/16 by Mary Fries to provide more screen real estate.*/
width: 100%;
max-width: none;
background-color: #FDFDFD;
}

.blockquote {
Expand Down Expand Up @@ -55,18 +62,13 @@ div.footer {font-size: .8em;}
padding-bottom: -5px;
}

div.full {
border: 0px;
padding: 0px;
}

/*div.full::before { /* DRAFT MESSAGING FOR bjc2.edc.org --MF, 7/5/19 * /
div.full::before { /* DRAFT MESSAGING FOR bjc2.edc.org --MF, 7/5/19 */
background-color: yellow;
color: red;
content: "This is a draft version of BJC. Visit bjc.edc.org for the current version.";
font-size: 2em;
font-weight: bold;
}*/
}

h4 { padding: 5px 0px 0px 0px;}

Expand Down Expand Up @@ -178,6 +180,21 @@ var {
font-size: 18px;
font-weight: bold;
}


/** Side Notes **/
.attribRight { /* added by Mary Fries on 10/10/15 based on .sidenote */
font-size: .5em;
float: right;
margin-right: 20px;
margin-left: 1em;
margin-bottom: 20px;
width: 20%;
padding: 5px;
background-color: #FFF; /* #F3F0B3; */
clear:both;
text-indent: 0em;
}

.sidenote, .sidenoteBig { /* added by Mary Fries based on http://hartshorne.ca/2005/07/27/footnotes_v_sidenotes/ */
font-size: .9em;
Expand All @@ -186,7 +203,7 @@ var {
margin-left: 1em;
margin-bottom: 20px;
padding: 10px;
/* overriding with new style --MF, 10/11/19 background-color: #FFF8AD; /* was #F3F0B3; */
background-color: #FFF8AD; /* was #F3F0B3; */
clear:both;
text-indent: 0em;
}
Expand All @@ -197,28 +214,28 @@ var {

.endnote { /* added by Mary Fries on 6/9/15 based on above */
width: 90%;
/* overriding with new style --MF, 10/11/19 background-color: #FFF8AD; */
background-color: #FFF8AD;
margin-left: auto;
margin-right: auto;
}

.narrower { /* added by bh on 5/4/17 based on above */
width: 90%;
/* overriding with new style --MF, 10/11/19 background-color: #e2f3ce; */
background-color: #e2f3ce;
margin-left: auto;
margin-right: auto;
}

.narrowblue { /* added by MF on 4/17/19 based on above */
width: 90%;
/* overriding with new style --MF, 10/11/19 background-color: #dcf4ff; */
background-color: #dcf4ff;
margin-left: auto;
margin-right: auto;
}

.narrowpurple {
width: 90%;
/* overriding with new style --MF, 10/11/19 background-color: #f4ddf3; */
background-color: #f4ddf3;
margin-left: auto;
margin-right: auto;
}
Expand All @@ -231,7 +248,7 @@ var {
margin-left: 1em;
margin-bottom: 20px;
padding: 10px;
/* overriding with new style --MF, 10/11/19 background-color: #FCC589; /* #FEC46C; /* #F3F0B3; */
background-color: #FCC589; /* #FEC46C; /* #F3F0B3; */
clear:both;
text-indent: 0em;
}
Expand All @@ -240,14 +257,30 @@ var {

.sideHOMbig {width: 40%;}

.manual, .manualBig { /* added by Mary Fries based on .sidenote.
THESE ARE NOT IN USE. --MF, 7/25/19 */
font-size: .9em;
float: right;
margin-right: 20px;
margin-left: 1em;
margin-bottom: 20px;
padding: 10px;
background-color: #e4cde3; /* #F3F0B3; */
clear:both;
}

.manual {width: 20%;}

.manualBig {width: 40%;}

img.noshadow {
/* Better resizing of images for mobile devices */
-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.5));
-ms-filter: none;
filter: none;
}

/* Is this in use? --MF, 10/11/19 */

.apStandards {
background-color: #fcc589;
width: 100%;
Expand All @@ -274,36 +307,18 @@ img.noshadow {
margin-top: .5em;
}

/*New Graphic design - STRIPES*/
.forYouToDo, .dialogue, .ifTime, .takeItFurther, .takeItTeaser, .takeItTeased {
border-style: solid;
border-width: 2px;
border-left-width: 20px;
background-color: #FFFFFF;
}
.takeItTeaser {border-bottom-width: 0px;}
.takeItTeased {border-top-width: 0px;}

.forYouToDo {border-color: #62C213;} /* Operators Palette */
.dialogue {border-color: #0494DC;} /* Sensing Palette*/
.ifTime {border-color: #4A6CD4;} /* Motion Palette: 4A6CD4 (TINT:a5b6ea) */
.takeItFurther, .takeItTeaser, .takeItTeased {border-color: #8F56E3;} /* Looks Palette: 8F56E3 (TINT:c7abf1) */


/*New Graphic design - BORDERS*/
.endnote, .sidenote, .sidenoteBig, .narrower, .narrowblue, .narrowpurple {border-style: solid; border-width: 0px;}
/*New Graphic design - TINTS*/
.learn {background-color: #f5dbf7;} /* Pen Palette: CF4AD9 */
.endnote, .sidenote, .sidenoteBig {background-color: #FFF8AD; border-color: #E6A822;} /* Control Palette: E6A822, (TINT:f3d491; LIGHTER TINT:faeed3; OLD DESIGN:FFF8AD) */
.vocab, .vocabBig, .exam, .examBig, .vocabFullWidth, .examFullWidth {background-color: #eaeaea;} /* Gray Palette: 969696 (TINT:cbcbcb)*/
/*New Graphic design - LIGHTER TINTS*/
.narrower {background-color: #e2f3ce; border-color: #62C213;} /* Operators Palette: 62C213; TINT: e0f3d0; LIGHTER-TINT:eff9e7; OLD DESIGN: e2f3ce */
.narrowblue {background-color: #dbe2f6; border-color: #4A6CD4;} /* Motion Palette: 4A6CD4 OLD DESIGN: dcf4ff */
.narrowpurple {background-color: #e9ddf9; border-color: #8F56E3;} /* Looks Palette: 8F56E3 OLD DESIGN: f4ddf3 */

.takeNote, .endHOM, .sideHOM , .sideHOMbig {background-color: #8F56E3; color: #FFFFFF;} /* Brian's dark orange that isn't dark enough for white text: #CC5500*/
/*
.ifTime, .dialogue, .takeItFurther, .takeNote, .endnote, .narrower, .narrowblue, .narrowpurple, .time, .learn {/*New Graphic design --MF, 7/26/19
border: solid;
border-right: 2px;
border-left: 200px;
border-top: 2px;
border-bottom: 2px;
}

ifTime, .takeItFurther, .endnote, .sidenote, .sidenoteBig {
border-color: #e6a822;
}*/

.takeItTeaser {
padding-top: 1em;
Expand All @@ -325,7 +340,7 @@ img.noshadow {
line-height: 2.5em;
}

.dialogue {/* overriding with new style --MF, 10/11/19 background-color: #cce4f6; /* #ecf4fb; */}
.dialogue {background-color: #cce4f6; /* #ecf4fb; */}

.dialogue:before {content: "Thinking Out Loud";}

Expand Down Expand Up @@ -364,14 +379,14 @@ img.noshadow {
.forYouToDoHeader {text-indent:-40px;}

.forYouToDo {
/* overriding with new style --MF, 10/11/19 background-color: #d2e3be; /* #edf4e6; */
background-color: #d2e3be; /* #edf4e6; */
margin-bottom: .5em;
}

.forYouToDo:before {content: "For You To Do";} /* This had been .forYouToDo#first:before but we changed it for ADA compliance. --MF, 9/26/17 */

.ifTime {
/* overriding with new style --MF, 10/11/19 background-color: #cce4f6; /*#d2e3be; /* #edf4e6; */
background-color: #cce4f6; /*#d2e3be; /* #edf4e6; */
width: 95%;
margin-left: auto;
margin-right: auto;
Expand All @@ -381,7 +396,7 @@ img.noshadow {
.ifTimeHide:before {content: "";}

.learn {
/* overriding with new style --MF, 10/11/19 background-color: #fcc7c2; */
background-color: #fcc7c2;
width: 100%;
margin-left: auto;
margin-right: auto;
Expand Down Expand Up @@ -419,7 +434,7 @@ table.truth tr td {
}

.takeItFurther, .takeItTeaser, .takeItTeased {
/* overriding with new style --MF, 10/11/19 background-color: #e4cde3; */
background-color: #e4cde3;
width: 90%;
margin-left: auto;
margin-right: auto;
Expand All @@ -430,7 +445,7 @@ table.truth tr td {
}

.takeNote, endHOM {
/* overriding with new style --MF, 10/11/19 background-color: #fcc589;*/
background-color: #fcc589;
width: 100%;
margin-left: auto;
margin-right: auto;
Expand All @@ -443,7 +458,7 @@ table.truth tr td {
.timeline img{height:250px; margin-left: 10%;} /*This is a hack to get the timeline in Unit 6, The History of Computers to work */

.vocab, .vocabBig, .exam, .examBig {
/* overriding with new style --MF, 10/11/19 background-color: #D3D3D3;*/
background-color: #D3D3D3;
font-size: .9em;
float: right;
margin-right: 20px;
Expand All @@ -459,7 +474,7 @@ table.truth tr td {
.vocabBig, .examBig {width: 40%;}

.vocabFullWidth, .examFullWidth {
/* overriding with new style --MF, 10/11/19 background-color: #D3D3D3;*/
background-color: #D3D3D3;
width: 100%;
margin-left: auto;
margin-right: auto;
Expand Down Expand Up @@ -577,7 +592,6 @@ div.CSPpeach, div.visualgreen, div.visualcyan, div.visualpurple, div.visualyello
margin-bottom:10px;
}

/* Are these in use? --MF, 10/11/19 */
div.CSPpeach {background-color: papayawhip;}
div.visualgreen {background-color: #d8fbd8;}
div.visualcyan {background-color: lightcyan}
Expand Down Expand Up @@ -676,7 +690,7 @@ table.videos td {
}
.learn, .sidenote, .sidenoteBig, .endnote, .sideHOM, .sideHOMbig, .takeNote, .vocab, .vocabBig, .vocabFullWidth, .exam, .examBig, .examFullWidth, .dialogue, .narrower, .narrowblue, .narrowpurple {
border:.5px solid;
} /* Current excludes .forYouToDo, .ifTime, .takeItFurther, Also, we need to find a way to make ITIT and TIFs show up on the printouts. --MF, 7/25/19 */
} /* Currrent excludes .forYouToDo, .ifTime, .takeItFurther, Also, we need to find a way to make ITIT and TIFs show up on the printouts. --MF, 7/25/19 */
.btn-default, .todo, .comment, .commentBig, img {
display: none;
}
Expand Down

0 comments on commit dc5850e

Please sign in to comment.