mashlib/dist/mash.css

Data mashup library

/*  Some common style for the Solid Data Browser
**
**
**  Do NOT use physical measures, but font-relative measures.
**  2006-10-21  timbl  converted px to em at approx 1em = 12px
**
*/

/*  If you need style in a pane, insert it in the dom (2016)*/

/* I couldn't find the code for the collapse image. this is a quick work around
to make the collapsing easier to use ( the triangles dont jump 20 pixels). ~cm2
*/
img[title="Hide details."]{ float:left }

html { height: 100%; line-height:1.15 }
body { height: 100%; background-color: white ; font-family: sans-serif } /*  was: font-size: 80%; */

.warning { color: red; }
.selected { background-color: #8F3 }

.licOkay { background-color: #dfd }

/*
** other potential colors for CC:
**  #C4FF55. "faded" version of CC
**  #486d00, actual CC
**  #ccff99, mit page color
*/

strong { font-size: 120%; color: #333; font-weight: bold; }
div.Outliner { margin-top: 2em; padding: 0.8em; }
form#TabulateForm { padding: 0.8em }
div#addViewForm { padding: 0.8em }
iframe { background: white }

/* Map */

img.pic { max-height: 20em }

/* Sources */

.fetched { background-color: #eeffee }
.requested { background-color: yellow }
.failed { color: red; background-color: white }
.unparseable { background-color: #ffcc00; }

pre#status { font-size: 100% }

/* Panes */
/*
td.internal  {  }

/*   Moved into code:
div.internalPane { background-color: #ddddff; padding: 0.5em;
border-radius: 1em;   border-radius: .4em;  }

div.instancePane {
        border-top: solid 1px #777; border-bottom: solid 1px #777;
        margin-top: 0.5em; margin-bottom: 0.5em }
*/
/* ***************** For the Justification UI Panes **********/

div.container {
border-top: solid 5px black;
border-left: solid 5px black;
border-bottom: solid 5px black;
border-right: solid 5px black;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-radius: 0.75em;
}
/*
div.nonCompliantPane {
    border-top: solid 1px red;
    border-left: solid 1px red;
    border-bottom: solid 1px red;
    border-right: solid 1px red;
    padding: 0.5em;
    background-color: #fbf0f7;
    margin-top: 0.5em; margin-bottom: 0.5em;
    border-radius: 1em;
}

div.compliantPane {
    border-top: solid 1px green;
    border-left: solid 1px green;
    border-bottom: solid 1px green;
    border-right: solid 1px green;
    padding: 0.5em;
    background-color: #def8e0;
    margin-top: 0.5em; margin-bottom: 0.5em;
    border-radius: 1em;
}
*/
div.justification {
font-size: 100%;
padding: 0 5px;
width: 80%; /* @@ Don't use pixels -- use em */
background-color: white;
margin-top: 0.5em; margin-bottom: 0.5em;
}


div.description {
font-size: 120%;
border-top: solid 1px yellow;
border-left: solid 1px yellow;
border-bottom: solid 1px yellow;
border-right: solid 1px yellow;
padding: 15px;
width: 100%;
background-color: #ffffdd;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
margin-right: 0.5em;
border-radius: 0.75em;
position:relative;
left:0%
}

div.premises {
font-size: 100%;
border-top: solid 1px #3399ff;
border-left: solid 1px #3399ff;
border-bottom: solid 1px #3399ff;
border-right: solid 1px #3399ff;
padding: 0.5px;
width: 100%;
background-color: #ccccff;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
margin-right: 0.5em;
border-radius: 0.75em;
position:relative;
left:0% /*May be we could shift the left margin a bit?*/
}

/* ***************** Social Pane **********/

div.socialPane {
border-top: solid 1px #777; border-bottom: solid 1px #777;
padding-top: 0.5em; padding-bottom: 0.5em;
margin: 0 }

img.foafPic { width: 100% ; border: none; margin: 0; padding: 0;
/*float:right; */}


div.mildNotice {
border: dashed 0.1em #777;  margin: 1em; padding: 1em;
width: 80%;        /* float: right; */
background-color: #ffe; }

.friendBox { /* height: 4em; */ border-top: solid 0.01em #ccc; margin: 0; padding: 0.3em;
/* float: left; */}
.friendBoxBig { height: 20em; border-top: solid 0.01em #202; /* float: left; */}

.socialPane a      { color: #3B5998; text-decoration: none; font-weight: bold}
.socialPane a:link { color: #3B5998; text-decoration: none; font-weight: bold}
.socialPane a:visited { color: #3B5998; text-decoration: none; font-weight: bold}
.socialPane a:hover { color: #3B5998; text-decoration: underline; font-weight: bold}
.socialPane a:active { color: #888; text-decoration: none; }

img.foafThumb { height: 3em ; border: 0px; margin: 0.1em; padding: 0.1em;
vertical-align: middle;
} /* Thumbnail of a fiend etc */

.friendBox .confirmed { font-weight: bold; }

table.inputForm { font-size: 100% }

.mainBlock {
background: #fff;
color: #000;
float: left;
width: 46%;
margin: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0;
}

.navBlock {
background-color: #eee;
float: left;
width: 25%;
border: 0;
padding: 0.5em;
margin: 0;
}

.navBlock .navSection {
border: solid 0.05em gray;
padding: 0.5em;
border-radius: 0.5em; /* CSS3: border-radius: .4em; */
}

div.socialPane h2 { color: #202 }
div.socialPane h3 { color: #202 }

div.social_linkButton {
width: 80%;
background-color: #fff;
border: solid 0.05em #ccc;
margin-top: 0.1em; margin-bottom: 0.1em;
padding: 0.1em;
text-align: center;
}

/*  For question-and-answer stuff for new web id but quite reusable.
*/
.answer  { font-style: italic; color: #00c; text-decoration: underline; }
.tip  { font-style: normal; color: #333; margin: 1em;}
.task  { font-style: normal; color: #333; margin: 1em;
background-color: #ffe; padding: 1em;
border-radius: 1em; /* CSS3: border-radius: 1em; */
}
.success {background-color: #efe }
.failure {background-color: white ; border: 0.5em red}
div.unknown { display:none }
div.yes > div.negative { display: none }
div.no > div.affirmative { display: none }

/******************* Exception Pane ********
**
** A pane created when the loading of a pane
** throws an exception
**/

div.exceptionPane pre { background-color: #fee; }



/******************* Category Pane *********/

.categoryPane a      { color: #3B5998; text-decoration: none; font-weight: bold}
.categoryPane a:link { color: #3B5998; text-decoration: none; font-weight: bold}
.categoryPane a:visited { color: #3B5998; text-decoration: none; font-weight: bold}
.categoryPane a:hover { color: #3B5998; text-decoration: underline; font-weight: bold}
.categoryPane a:active { color: #888; text-decoration: none; }

.categoryBottomClass { background-color: #efe ; border: 0.1em solid green }

.categoryTable { padding-left: 2em;}
.categoryPane { background-color: #f8fff8; padding: 0.5em;
border-width: 0.1em; border-color: #777777;
border-radius: 1em; /* CSS3: border-radius: .4em; */ }

.categoryPane a.categoryWhy      { color: #ddd}
.categoryPane a.categoryWhy:link { color: #ddd; text-decoration: none; font-weight: bold}
.categoryPane a.categoryWhy:visited { color: #ddd; text-decoration: none; font-weight: bold}
.categoryPane a.categoryWhy:hover { color: #3B5998; text-decoration: underline; font-weight: bold}
.categoryPane a.categoryWhy:active { color: #ddd; text-decoration: none; }

.categoryPane a.categoryWhy { color:grey }
/* a.categoryWhy:hover { color: #3B5998 } */


/******************* PubsPane *********/

.pubsPane {
background-color: #F2F6DA;
border-width: 0.1em;
border-color: #777777;
border-radius: 1em; /* CSS3: border-radius: .4em; */
padding: 1em;

text-decoration: none;
font-weight: bold;
}

.pubsPane h2 {
margin: 0;
padding: 0;
}

.pubsPane form {
padding-left: 1em;
}

/*Clear both - start things on individula lines */
.pubsRow {
margin: 0.5em 3em 0.5em 0em;
clear: both;
}

/*inputs float right to line up */
.pubsRow input {
float: right;
width: 20em;
height: 1em;
}
#inpid_book_description {
float: right;
height: 8em;
width: 17em;
}

.pubsRow button {
float: left;
height: 2em;
padding: 0.5em;
margin: 0.5em;
}

.hideit
{
display: none;
}

.active {
/* display: visible; */
}

.submitRow {
clear: both;
height: 5em;
}

.submitRow button {
width: 7em;
height: 100%;
}

#buttonid {
display: none;
}

#buttonid.active{
display: inline;
}




/******************* CV Pane *****************/

.CVclass {
background-color: LightSkyBlue;
}

/******************* Data Content Pane *****************/

div.dataContentPane {
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px #777;
border-right: solid 1px #777;
padding: 0.5em; /* color: #404; */
margin-top: 0.5em; margin-bottom: 0.5em;
}

.nestedFormula {
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px #777;
border-right: solid 1px #777;
padding: 0.5em;
border-radius: 0.5em;
}

div.dataContentPane td {
padding-left: 0.2em;
padding-top: 0.1em;
padding-right: 0.2em;
padding-bottom: 0.05em;
/*	        vertical-align: middle; /*@@ Lalana's request*/
vertical-align: top; /*@@ Tims's request*/
/* With middel, you can't tell what is with what */
/* background-color: white; */
}

div.dataContentPane tr {
margin-bottom: 0.6em;
padding-top: 1em;
padding-bottom: 1em;

}

.dataContentPane a      { color: #3B5998; text-decoration: none; font-weight: bold}
.dataContentPane a:link { color: #3B5998; text-decoration: none; font-weight: bold}
.dataContentPane a:visited { color: #3B5998; text-decoration: none; font-weight: bold}
.dataContentPane a:hover { color: #3B5998; text-decoration: underline; font-weight: bold}
.dataContentPane a:active { color: #888; text-decoration: none; }

.dataContentPane.embeddedText { white-space: pre-wrap;}
.dataContentPane.embeddedXHTML {}

/* div.dataContentPane a { text-decoration: none; color: #006} /* Only very slightly blue */
div.dataContentPane td.pred  { min-width: 12em } /* Keep aligned with others better */
div.dataContentPane td.pred a { color: #444 } /* Greyish as form field names have less info value */

/* .collectionAsTables  {border-right: green 1px; margin: 0.2em;} */



div.n3Pane {
padding: 1em;
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px #777;
border-right: solid 1px #777;
color: #004;
}

.imageView { border: 1em white; margin: 1em; }

.n3Pane pre { font-size: 120%; }
div.n3Pane  { }

.RDFXMLPane pre { font-size: 120%; }
div.RDFXMLPane  { }

div.RDFXMLPane {
padding: 1em;
border-top: solid 2px black;
border-left: solid 2px black;
border-bottom: solid 2px #777;
border-right: solid 2px #777;
color: #440;
}

/* Generic things useful anywhere */


img.hideTillHover {
visibility:hidden;
}
img.hideTillHover:hover  {
visibility:visible;
}
.hideTillHover img{
visibility:hidden;
}
.hideTillHover:hover img {
visibility:visible;
}
.hideTillHover a{
visibility:hidden;
}
.hideTillHover:hover a {
visibility:visible;
}
.hoverControl .hoverControlHide{
visibility:hidden;
}
.hoverControl:hover .hoverControlHide {
visibility:visible;
}


/* Pane icons: */

/*
.hoverControl .paneShown{ border-radius: 0.5em;
            border-top:         solid #222 1px;
            border-left:        solid #222 0.1em; border-bottom: solid #eee 0.1em;
            border-right:       solid #eee 0.1em;
            margin-left:        1em; padding: 3px;
            background-color:   #ffd;
        visibility: hidden;}

.hoverControl:hover .paneShown{ border-radius: 0.5em;
            border-top:         solid #222 1px;
            border-left:        solid #222 0.1em; border-bottom: solid #eee 0.1em;
            border-right:       solid #eee 0.1em;
            margin-left:        1em; padding: 3px;
            background-color:   #ffd;
        visibility:visible; }

.paneHidden { border-radius: 0.5em; margin-left: 1em; padding: 3px}

.hoverControl .paneHidden { border-radius: 0.5em; margin-left: 1em; padding: 3px;  visibility:hidden;}
.hoverControl:hover .paneHidden { border-radius: 0.5em; margin-left: 1em; padding: 3px; visibility:visible; }
*/



/* outline object view */
img.outlineImage { max-height: 20em; max-width: 30em } /* save vertical space */
/* Compare facebook which only limits width -> lots of tall images! */

img.phoneIcon { border: 0; margin-left: 1em}

table#sources { width: 100% }

table { border-spacing: 0}

table { margin: 0em }

td {    font-size: 100%;
border-left: none;
border-top: none;
border-right: none;
border-bottom: none;
margin: 0.2em;
/*  border-right: solid purple 0.1em ;
    border-bottom: solid purple 0.1em;
*/
vertical-align: top;
/*    display: compact;    Causes console errors in ffox */
}

td.pred { padding-left: 0.5em }
/*td.optButton { display: none }
tr[parentOfSelected] > td.pred td.optButton { display: block }
*/

table.results { width: 100% }

table.results td {  font-size: 100%;
background-color:#fff;
border-left: none;
border-top: none;
border-right: none;
border-bottom: none;
margin: 0.1em;
border-right: solid #777 0.1em ;
border-bottom: solid #777 0.1em;

vertical-align: top }


table.results th {  font-size: 100%;
background-color: #ddf;
border-left: none;
border-top: none;
border-right: solid #777 0.1em;
border-bottom: solid #777 0.1em;
margin: 0.3em;
padding-top: 0.5em; padding-right: 0.5em;
border-right: solid #777 0.1em ;
border-bottom: solid #777 0.1em;

vertical-align: top }

/* Hide sections of the display.
Collpase not actually in CSS1 except for table row and col.
Supposed to leave layoutunchanged. So we float it too. */

.collapse { display: none }
.expand { display: block }

/* log classes */
.nrml { color: black; }
.info { color: black; }
.warn { color: black; background-color: #ffd; }
.eror { color: black; background-color: #fdd; }
.mesg { color: green; }
.dbug { color: black; background-color: #ddf;} /* Blue */

/* Try to get the icons to flush right in the cell */

.sortheader {
color: black;
text-decoration: none;
position: relative;
border:none;   /* Jim's commented out */
}

.colclose { float: right; color: #aaa } /* Should be 67% transp black */
.sortarrow { float: left; color: #aaa; border: none;}


/* CSS Stuff for tabbed Views.. */
table.viewTable {
padding: 0;
margin: 0;
border-style: none;
border-width: 0;
height: 40em;
width: 100%;
border-spacing: 0;
}

div.viewTabs {
background-color: #fff;
padding:0;
}

div.viewWindows {
width: 100%;
height:100%;
overflow: auto;
margin: 0em;
padding:0em;
border-right: solid #aaa 0.1em;  /* was 2px */
border-left: solid #aaa 0.1em;
border-bottom: solid #aaa 0.1em;
background-color: #ccc;
}

div.querySelect {
background-color: #ccc;
width:100%;
height:100%;
border-left: solid #aaa 0.1em;
border-bottom: solid #aaa 0.1em;
overflow:auto;
margin: 0em;
padding:0em;
}

td.viewTableData {
padding: 0em;
margin: 0em;
height:100%;
width:80%;
}

td.queryTableData {
padding: 0em;
margin: 0em;
border-width: 0em;
height:100%;
width:20%;
border-style:none;
}

table.viewTable tr {
height: 100%;
margin: 0em;
padding: 0em;
border-style:none;
}


a {
color: #3B5998;
text-decoration: none;
cursor: pointer;
}
a.inactive{
background-color: #eee;
border-right:solid #ddd 0.1em;
border-top:solid #aaa 0.1em;
border-left:solid #aaa 0.1em;
padding-top: 0.3em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-bottom: 0em;
margin-right: 0.1em;
color: #99f;
text-decoration:none;
}

a.active{
background-color: #ccc;
border-right:solid #ddd 0.1em;
border-top:solid #aaa 0.1em;
border-left:solid #aaa 0.1em;
padding-top: 0.3em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-bottom:0em;
margin-right:0.1em;
color: #22f;
text-decoration:none;
}

input.tabQueryName {
border: solid #aaa 0.1em;
width:100%;
padding:0em;
}

input.delQueryButton {
border:none;
color:#c00;
background-color:#ccc;
cursor:pointer;
padding:0em;
}

td.checkboxTD {
padding-right:0.5em;
}

.sourceHighlight {
background-color:yellow;
}

#MenuBar {
padding: 0.5em;
position: fixed;
top: 0;
bottom: auto;
left: 0;
right: 0;
background-color: #eee;
border: 0.1em solid #aaa;
}

#TabulatorStatusWidget {
position: fixed;
top: 0;
bottom: auto;
left: auto;
right: 0;
}

div.mapKeyDiv {
position:relative;
float:right;
margin: 0.3em;
color: #777;
background:#fff;
border:solid #777 0.1em;
padding:0.1em;
}

span.closeQuerySpan {
float:right;
text-align:right;
height: 0.1em;
overflow:visible;
}

span.openQuerySpan {
float:left;
overflow:visible;
height:0em;
text-align:left;
position:relative;
top:0em;
z-index:1;
}

input.textinput{
width: 100%;
border: none;
font-size:95%;
padding: 0em;
margin: 0;
}

textarea.textinput{
border: none;
}

.pendingedit {
color: #bbb;
}

td.undetermined{
color: gray;
font-style: italic;
}

/*revert back*/
td.undetermined table{
color: black;
font-style: normal;
}

/*color style from http://developer.yahoo.com/yui/docs/module_menu.html*/
.outlineMenu{
position:absolute;
/*width:10em;*/
height:10em;  /*   Jim's commented out */
background: #FFFFFF none repeat scroll 0%;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid;
/*padding:.2em;*/
}
.outlineMenu table{cursor:default;width:100%;text-align:left;padding:5px 5px;}
.outlineMenu div{/*width:6em;*/ overflow:auto; white-space:nowrap;}
.outlineMenu td{color:#654d6c;}
.outlineMenu .activeItem{background: #D1C6DA;}  /* @@ Jim's: #f4e8fc; */
.outlineMenu input{margin: 0.2em;}

div.bottom-border{
border: .2em solid transparent;
width: 100%;
}

div.bottom-border-active{
cursor: copy;
border: .2em solid;
border-color: rgb(100%,65%,0%);
}

/* The thing below was for the kenny's orange bar*/
/* @@@ This is not specific enough
td{
    margin: 0;
    padding: 0;
}
*/

.deleteIcon {
margin-left: 0.1em;
}

.deleteCol {
float: right;
display: inline;
}

.suggestion_list
{
background: white;
border: 1px solid;
padding: 4px;
}

.suggestion_list ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

.suggestion_list a
{
text-decoration: none;
color: navy;
}

.suggestion_list .selected
{
background: navy;
color: white;
}

.suggestion_list .selected a
{
color: white;
}

#autosuggest
{
display: none;
}



/*
Start of styles for the photoPane, by albert08@csail.mit.edu
*/
div.PhotoContentPane {
float: left;
width: 900px;
border: 1px solid #AAAAAA;
padding: 10px;
}
div.PhotoListPanel {
float: left;
padding: 5px ;
border: 1px solid #AAAAAA;
width: 540px;
min-height: 300px;
}
div.PhotoInfoPanel {
float: left;
padding: 10px;
border: 1px solid #AAAAAA;
width: 300px;
text-align: center;
margin: 0px 0px 10px 10px;
}
div.TagMenu {
float: left;
padding: 10px;
border: 1px solid #AAAAAA;
width: 300px;
margin: 0px 0px 0px 10px;
text-align: justify;
}
.tagItem {
float: left;
padding: 2px;
margin: 2px;
cursor:pointer;
}
.tagItem_h {
float: left;
padding: 2px;
margin: 1px;
border: 1px solid #DDBB99;
background-color: #DDEEFF;
cursor:pointer;
}
div.photoItem {
float: left;
width: 100%;
}
div.photoFrame {
border-right: 1px solid #AAAAAA;
width: 260px;
padding: 10px;
margin: 10px 10px 10px 10px;
text-align: center;
float: left;
}
img.photoThumbnail {
border: 1px solid #CCCCCC;
margin: auto auto auto auto;
}
.photoListTags {
width:200px;
margin-top: 10px;
padding-top: 10px;
float: left;
}
.photoList_tag {
background: transparent url("https://solidos.github.io/solid-ui/src/originalIcons/tag_tiny.png") 0px 1px no-repeat;
padding: 1px 0px 1px 18px;
margin-left: 5px;
}
.TagMenu_tag {
background: transparent url("https://solidos.github.io/solid-ui/src/originalIcons/tag_tiny.png") 0px 1px no-repeat;
padding: 1px 0px 1px 18px;
margin-left: 5px;
}
div.photoImportContentPane {
float: left;
padding: 0px;
width: 930px;
border: 1px solid #AAAAAA;
padding: 10px;
}
.photoImportTitle {
font-size: 16px;
font-weight: bold;
}
.photoItemPanel {
width: 260px;
height: 300px;
float: left;
padding: 10px;
border: 1px solid #AAAAAA;
margin: 0px 10px 10px 0px;
}
.photoControlImg {
border: 0px;
cursor: pointer;
}
.photoControlImgInactive {
opacity: .5;
border: 0px;
}
#photoPageInfo {
font-family: Arial;
font-size: 14px;
font-weight: bold;
}
.controls {
clear: both;
text-align: right;
margin: 15px 15px 0px 0px;
}
.controlButton {
margin: 0px 0px 0px 10px;
}
div.TagPane {
min-width: 500px;
border: 1px solid #AAAAAA;
padding: 10px;
}
div.TagSemanticsPanel {
margin: 5px 0px 20px 0px;
}
div.TagSemanticsTable {
width: 100%;
font-family: Arial;
font-size: 12px;
}
div.AddTagSemantics {
margin: 50px 0px 10px 0px;
}
.controlSelect {
margin: 5px;
font-family: Arial;
font-size: 12px;
}
.tagURIInput {
margin: 5px;
font-family: Arial;
font-size: 12px;
width: 300px;
}
div.TagPane hr{
border: 1px solid #AAAAAA;
}
/*
End of styles for the photoPane
*/

/*
Styles for tableViewPane
*/

.tableViewPane table th {
background-color: #eee;
color: black;
}

.tableViewPane table th a {
color: #555;
}

.tableViewPane table .selectors td {
background-color: #ccc;
}

.tableViewPane table td {
border-bottom: 1px solid black;
border-right: 1px solid black;
}

.tableViewPane .toolbar td {
border: none;
}

.tableViewPane .sparqlButton {
width: 16px;
height: 16px;
border: 1px solid black;
}

.tableViewPane .sparqlDialog {
position: fixed;
top: 40px;
left: 100px;
width: 600px;
background: white;
border: 1px solid black;
padding: 5px;
}

.tableViewPane .sparqlDialog textarea {
width: 590px;
height: 250px;
}

/* These should be the same as with hthe dataContentPane */
.tableViewPane a         { color: #3B5998; text-decoration: none; font-weight: bold}
.tableViewPane a:link    { color: #3B5998; text-decoration: none; font-weight: bold}
.tableViewPane a:visited { color: #3B5998; text-decoration: none; font-weight: bold}
.tableViewPane a:hover   { color: #3B5998; text-decoration: underline; font-weight: bold}
.tableViewPane a:active  { color: #888; text-decoration: none; }

.tableViewPane tr {border-color: #444; padding-left: 0.3em; padding-right: 0.3em  }



/*The 'display explanation' feature*/
.inquiry {
padding-left: 0.2em;
color: red;
font-family: Arial;
font-weight: bold;
}

/*
End of styles for tableViewPane
*/



/* Styles for   FORM PANE
**
** Colors from data cotent pane
*/

.formPane a      { color: #3B5998; text-decoration: none; }
.formPane a:link { color: #3B5998; text-decoration: none; }
.formPane a:visited { color: #3B5998; text-decoration: none; }
.formPane a:hover { color: #3B5998; font-weight: bold}  /* was  text-decoration: underline; */
.formPane a:active { color: #888; text-decoration: none; }

/* ends */

@mixin box-shadow($x-axis: 0, $y-axis: 1px, $blur: 4px, $color: $default) {
box-shadow: $x-axis $y-axis $blur $color;
-webkit-box-shadow: $x-axis $y-axis $blur $color;
-moz-box-shadow: $x-axis $y-axis $blur $color;
-o-box-shadow: $x-axis $y-axis $blur $color;
}

/*# sourceMappingURL=mash.css.map*/