@@ -71,103 +71,6 @@ ul.social-buttons li {
7171 color : # 000 ;
7272}
7373
74- .ribbon > a {
75- display : inline-block;
76- position : absolute;
77- top : 3em ;
78- right : -0em ;
79- transform : rotate (30deg );
80- -webkit-transform : rotate (30deg );
81- -moz-transform : rotate (30deg );
82- -ms-transform : rotate (30deg );
83- -o-transform : rotate (30deg );
84- text-align : center;
85- box-shadow : 0 0.15em 0.25em 0 rgb (0 0 0 / 50% );
86- }
87-
88- .ribbon > a : before {
89- content : '' ;
90- position : absolute;
91- width : 3em ;
92- bottom : -0.5em ;
93- left : -2em ;
94- z-index : -2 ;
95- border : 1.5em solid # 4490d0 ;
96- border-left-color : transparent;
97- }
98-
99- .ribbon > a : after {
100- content : '' ;
101- position : absolute;
102- width : 3em ;
103- bottom : -0.5em ;
104- right : -2em ;
105- z-index : -2 ;
106- border : 1.5em solid # 4490d0 ;
107- border-right-color : transparent;
108- }
109-
110- .ribbon > a > div {
111- display : inline-block;
112- position : relative;
113- margin : 0 ;
114- padding : 0 1em ;
115- line-height : 3em ;
116- color : # FFF ;
117- font-weight : bold;
118- background : # 337ab7 ;
119- text-shadow : 0 -0.08em rgb (0 0 0 / 50% );
120- }
121-
122- .ribbon > a > div : before {
123- position : absolute;
124- content : '' ;
125- top : 100% ;
126- left : 0 ;
127- border : none;
128- border-bottom : solid 0.5em transparent;
129- border-right : solid 1em # 225099 ;
130- }
131-
132- .ribbon > a > div : after {
133- position : absolute;
134- content : '' ;
135- top : 100% ;
136- right : 0 ;
137- border : none;
138- border-bottom : solid 0.5em transparent;
139- border-left : solid 1em # 225099 ;
140- }
141-
142- .ribbon > a : hover : before ,
143- .ribbon > a : focus : before {
144- border-color : # f0778a ;
145- border-left-color : transparent;
146- }
147-
148- .ribbon > a : hover : after ,
149- .ribbon > a : focus : after {
150- border-color : # f0778a ;
151- border-right-color : transparent;
152- }
153-
154- .ribbon > a : hover > div ,
155- .ribbon > a : focus > div {
156- color : # FFF ;
157- background : # d66c79 ;
158- text-decoration : none;
159- }
160-
161- .ribbon > a : hover > div : before ,
162- .ribbon > a : focus > div : before {
163- border-right-color : # c0626c ;
164- }
165-
166- .ribbon > a : hover > div : after ,
167- .ribbon > a : focus > div : after {
168- border-left-color : # c0626c ;
169- }
170-
17174# post-navigation {
17275 display : flex;
17376 align-items : center;
0 commit comments