Difference between revisions of "Template:US2002021967 Group CSS"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
 
(90 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<includeonly>{{#css:
 
<includeonly>{{#css:
 +
 +
<!-- Begin Color Section -->
 +
 +
body { background-color: {{{Primary}}} !important; }
 +
#mw-head-base {background-color: {{{Secondary}}} !important; }
 +
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 { background-color: {{{Secondary}}} !important; }
 +
 +
.catlinks {
 +
    color: {{{Primary}}} !important;
 +
}
 +
 +
.CategoryTreeItem a, .CategoryTreeItem a:visited, .CategoryTreeItem a.new { color: {{{Links}}}; }
 +
 +
.CategoryTreeToggle {
 +
    color: {{{Links}}};
 +
}
 +
 +
.catlinks a, .catlinks a:visited, .catlinks a.new, .catlinks a.new:visited {
 +
    color: {{{Primary}}} !important;
 +
}
  
 
.grp_avatar {
 
.grp_avatar {
−
     width: 400px;
+
    background-color: {{{Primary}}} !important;
−
     height: 400px;
+
    border-right-color: {{{Border}}} !important;
−
     background-color: blue;
+
    border-bottom-color: {{{Border}}} !important;
 +
}
 +
 
 +
.grp_avatar_backdrop {
 +
    border-bottom-color: {{{Secondary}}} !important;
 +
}
 +
 
 +
.grp_avatar_backdrop:after {
 +
    border-top-color: {{{Secondary}}} !important;
 +
}
 +
 
 +
.grp_blackout {
 +
    background-color: {{{Secondary}}} !important;
 +
    color: {{{Text}}} !important;
 +
}
 +
 
 +
.grp_dismiss {
 +
    color: {{{Links}}} !important;
 +
}
 +
 
 +
.grp_dismiss_bottom {
 +
    color: {{{Links}}} !important;
 +
    border-top: 1px solid {{{Text}}} !important;
 +
}
 +
 
 +
.grp_expanded {
 +
    background-color: {{{Secondary}}} !important;
 +
    color: {{{Text}}} !important;
 +
}
 +
 
 +
.grp_expanded_content a, .grp_expanded_content a:visited, .grp_expanded_content a.external, .grp_expanded_content a.external:visited {
 +
    color: {{{Links}}} !important;
 +
}
 +
 
 +
.grp_expanded_content span a, .grp_expanded_content span a:visited, .grp_expanded_content span a.external, .grp_expanded_content span a.external:visited {
 +
    color: {{{Links}}} !important;
 +
}
 +
 
 +
.grp_expanded_title {
 +
    color: {{{Links}}} !important;
 +
    border-bottom: 1px solid {{{Text}}} !important;
 +
}
 +
 
 +
.grp_header {
 +
    background-color: {{{Primary}}} !important;
 +
}
 +
 
 +
.grp_links {
 +
    background-color: {{{Secondary}}} !important;
 +
    color: {{{Links}}} !important;
 +
    border-bottom: 10px solid {{{Secondary}}} !important;
 +
}
 +
 
 +
.grp_name {
 +
    color: {{{Links}}} !important;
 +
}
 +
 
 +
.grp_outermost {
 +
    background-color: {{{Secondary}}} !important;
 +
    border: 10px solid black !important;
 +
}
 +
 
 +
.grp_template {
 +
    background-color: {{{Primary}}} !important;
 +
    border-color: black !important;
 +
    color: {{{Template}}} !important;
 +
}
 +
 
 +
.grp_template a, .grp_template a:visited {
 +
    color: {{{Template}}} !important;
 +
}
 +
 
 +
.grp_window {
 +
    background-color: {{{Secondary}}} !important;
 +
    border-bottom-color: {{{Secondary}}} !important;
 +
    border-top-color: {{{Border}}} !important;
 +
    color: {{{Text}}} !important;
 +
}
 +
 
 +
.grp_window_title {
 +
    color: {{{Links}}} !important;
 +
}
 +
 
 +
<!-- End Color Section -->
 +
 
 +
.mw-body-content {
 +
    margin-bottom: 25px;
 +
}
 +
 
 +
.mw-category-generated {
 +
    position: relative;
 +
    top: 25px;
 +
}
 +
 
 +
.catlinks {
 +
    position: relative;
 +
    top: 34px;
 +
    background: none !important;
 +
    border: none !important;
 +
    color: #000000 !important;
 +
}
 +
 
 +
.catlinks a, .catlinks a:visited, .catlinks a.new, .catlinks a.new:visited {
 +
    color: #000000 !important;
 +
}
 +
 
 +
.grp_avatar {
 +
     width: 401px;
 +
     height: 401px;
 +
     background-color: #681a24;
 
     border-width: 0px 10px 10px 0px;
 
     border-width: 0px 10px 10px 0px;
 
     border-style: solid;
 
     border-style: solid;
−
     border-color: red;
+
     border-right-color: silver;
 +
    border-bottom-color: silver;
 
     position: absolute;
 
     position: absolute;
 
     text-align: center;
 
     text-align: center;
 +
    border-radius: 0px 0px 100px 0px;
 +
    left: -1px;
 +
    top: -1px;
 +
}
 +
 +
.grp_avatar_backdrop {
 +
    width: 0;
 +
    height: 0;
 +
    border: 190px solid transparent;
 +
    border-bottom-color: #a94451;
 +
    position: absolute;
 +
    top: -183px;
 +
    left: 9px;
 +
    z-index: 0;
 +
}
 +
 +
.grp_avatar_backdrop:after {
 +
    content: '';
 +
    position: absolute;
 +
    left: -190px;
 +
    top: 190px;
 +
    width: 0;
 +
    height: 0;
 +
    border: 190px solid transparent;
 +
    border-top-color: #a94451;
 +
    z-index: 0;
 
}
 
}
  
 
.grp_avatar_pic {
 
.grp_avatar_pic {
−
     width: 380px;
+
     width: 340px;
−
     height: 380px;
+
     height: 340px;
−
     line-height: 400px;
+
     position: relative;
 +
    top: 18px;
 +
}
 +
 
 +
.grp_blackout {
 +
    position: absolute;
 +
    top: 410px;
 +
    background-color: #5a4d66;
 +
    height: 75px;
 +
    width: 800px;
 +
    z-index: 1;
 +
    padding: 10px 10px 10px 10px;
 +
    overflow: hidden;
 +
    color: #eabcbc;
 +
    border-left: 10px solid black;
 +
    border-right: 10px solid black;
 +
    left: -10px;
 +
}
 +
 
 +
.grp_dismiss {
 +
    color: #ffffff;
 +
    font-size: 16px;
 +
}
 +
 
 +
.grp_dismiss_bottom {
 +
    color: #ffffff;
 +
    font-size: 16px;
 +
    position: relative;
 +
    top: 12px;
 +
    border-top: 1px solid #9a85ad;
 +
    padding-top: 10px;
 +
}
 +
 
 +
.grp_expanded {
 +
    position: relative;
 +
    top: 38px;
 +
    background-color: #5a4d66;
 +
    z-index: 1;
 +
    color: #b0a3b8;
 +
    padding: 0px 10px 10px 10px;
 +
    width: 800px;
 +
    border-width: 0px 10px 10px 10px;
 +
    border-style: solid;
 +
    border-color: black;
 +
}
 +
 
 +
.grp_expanded_content {
 +
    position: relative;
 +
    top: 3px;
 +
}
 +
 
 +
.grp_expanded_content a, .grp_expanded_content a:visited, .grp_expanded_content a.external, .grp_expanded_content a.external:visited {
 +
    color: #ffffff;
 +
}
 +
 
 +
.grp_expanded_content span a, .grp_expanded_content span a:visited, .grp_expanded_content span a.external, .grp_expanded_content span a.external:visited {
 +
    color: #ffffff;
 +
}
 +
 
 +
.grp_expanded_title {
 +
    color: #ffffff;
 +
    font-size: 16px;
 +
    border-bottom: 1px solid #9a85ad;
 +
    padding-bottom: 8px;
 
}
 
}
  
 
.grp_header {
 
.grp_header {
 
     position: absolute;
 
     position: absolute;
−
     background-color: aqua;
+
     background-color: #681a24;
 
     right: 0px;
 
     right: 0px;
−
     height: 50px;
+
    top: -1px;
−
     line-height: 50px;
+
     height: 51px;
 +
     line-height: 51px;
 
     width: 400px;
 
     width: 400px;
−
     padding: 0px 0px 0px 10px;
+
     padding: 0px 0px 0px 20px;
 +
    text-align: center;
 +
}
 +
 
 +
.grp_links {
 +
    position: absolute;
 +
    top: 410px;
 +
    background-color: #5a4d66;
 +
    height: 20px;
 +
    width: 810px;
 +
    padding: 0px 0px 10px 10px;
 +
    overflow: hidden;
 +
    color: #ddd1e8;
 +
    border-bottom: 10px solid #5a4d66;
 +
    line-height: 20px;
 
     text-align: center;
 
     text-align: center;
 +
    font-size: 20px;
 
}
 
}
 +
 +
#mw-pages div ul li a, #mw-pages div ul li a:visited, #mw-pages div ul li a.new { color: {{{Links}}} !important; }
 +
a:visited { color: {{{Links}}} !important; }
  
 
.grp_name {
 
.grp_name {
 
     font-family: Attic Antique, Courier New;
 
     font-family: Attic Antique, Courier New;
−
     font-size: 28px;
+
     font-size: 25px;
 
     position: absolute;
 
     position: absolute;
 
     top: 0px;
 
     top: 0px;
 
     width: 100%;
 
     width: 100%;
 
     left: 0;
 
     left: 0;
 +
    color: #ffffff;
 
}
 
}
  
 
.grp_outermost {
 
.grp_outermost {
 
     width: 820px;
 
     width: 820px;
−
     height: 500px;
+
     height: 450px;
−
     background-color: green;
+
     background-color: #5a4d66;
 
     border: 10px solid black;
 
     border: 10px solid black;
 
     position: relative;
 
     position: relative;
 +
}
 +
 +
.grp_template {
 +
    width: 500px;
 +
    height: 20px;
 +
    background-color: #681a24;
 +
    position: relative;
 +
    left: 155px;
 +
    border-width: 0px 10px 10px 10px;
 +
    border-style: solid;
 +
    border-color: black;
 +
    color: #d0b6b6;
 +
    padding: 0px 0px 0px 10px;
 +
    line-height: 20px;
 +
    text-align: center;
 +
    font-size: 13px;
 +
    border-radius: 0px 0px 40px 40px;
 +
}
 +
 +
.grp_template a, .grp_template a:visited {
 +
    color: #d0b6b6;
 
}
 
}
  
 
.grp_window {
 
.grp_window {
−
     width: 400px;
+
     background-color: #5a4d66;
 +
    border-bottom-color: #5a4d66;
 +
    border-top-color: silver;
 +
    border-style: solid;
 +
    border-width: 10px 0px 10px 0px;
 +
    color: #c0b9c7;
 
     height: 340px;
 
     height: 340px;
−
     background-color: bisque;
+
     width: 390px;
 +
    overflow: hidden;
 +
    padding: 0px 10px 0px 10px;
 
     position: absolute;
 
     position: absolute;
 
     right: 0px;
 
     right: 0px;
 
     top: 50px;
 
     top: 50px;
−
     padding: 0px 0px 0px 10px;
+
     text-align: center;
−
     border-width: 10px 0px 10px 0px;
+
}
−
     border-style: solid;
+
 
−
     border-color: blueviolet;
+
.grp_window_title {
−
     overflow: auto;
+
     font-family: Attic Antique, Courier New;
 +
     font-size: 30px;
 +
    color: #ffffff;
 +
     font-variant: petite-caps;
 +
     margin-left: 5px;
 
}
 
}
  
 
}}</includeonly>
 
}}</includeonly>

Latest revision as of 18:05, 1 March 2021

Retrieved from "https://wiki2020.modernenigmasociety.org/index.php?title=Template:US2002021967_Group_CSS&oldid=13457"