Changeset fa73b48 for installer


Ignore:
Timestamp:
May 21, 2017 2:59:50 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
6821e13
Parents:
63581d3
Message:

i2psnark: Integrate ratings and comments into themes

Location:
installer/resources/themes/snark
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/snark/classic/snark.css

    r63581d3 rfa73b48  
    24762476/* end responsive layout */
    24772477
     2478/* Comments Section */
     2479/* TODO: merge with other rules where applicable */
     2480
     2481.snarkCommentInfo, .snarkComments {
     2482     margin: 10px 0 0 !important;
     2483     border: 1px solid #bbf;
     2484     border-left: none;
     2485     border-right: none;
     2486}
     2487
     2488.snarkCommentInfo th, .snarkComments th {
     2489     padding: 8px 5px;
     2490}
     2491
     2492.snarkCommentInfo th:last-child {
     2493     text-align: right;
     2494}
     2495
     2496.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(even) {
     2497     border-top: 1px solid #bbf;
     2498     background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fff;
     2499}
     2500
     2501.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(odd) {
     2502     border-top: 1px solid #bbf;
     2503     background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fff;
     2504}
     2505
     2506.snarkCommentInfo th {
     2507     padding: 8px 5px;
     2508}
     2509
     2510.snarkCommentInfo td, .snarkComments td {
     2511     padding: 8px 5px;
     2512}
     2513
     2514.snarkCommentInfo td:first-child {
     2515     white-space: nowrap;
     2516}
     2517
     2518.snarkCommentInfo td:first-child {
     2519     font-weight: bold;
     2520}
     2521
     2522.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after {
     2523     content: "";
     2524     display: inline-block;
     2525     min-height: 32px;
     2526     vertical-align: middle;
     2527}
     2528
     2529.snarkCommentInfo input.accept {
     2530     float: right;
     2531     margin-right: 5px !important;
     2532}
     2533
     2534.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2535     width: 100%;
     2536     min-height: 64px;
     2537     height: 64px;
     2538     resize: vertical;
     2539}
     2540
     2541.snarkComments th {
     2542     text-align: left;
     2543}
     2544
     2545.commentRating, .commentAuthor {
     2546     width: 1%;
     2547}
     2548
     2549#nameRequired {
     2550     float: right;
     2551}
     2552
     2553.commentRating {
     2554     padding-right: 10px !important;
     2555}
     2556
     2557.commentRating img {
     2558     margin: 0;
     2559     padding: 0;
     2560}
     2561
     2562.commentDate {
     2563     width: 100px;
     2564     background: url(images/clock.png) left center no-repeat;
     2565     padding-left: 20px !important;
     2566}
     2567
     2568.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2569     width: 160px !important;
     2570     padding-right: 2px;
     2571}
     2572
     2573.snarkCommentInfo td:last-child, .snarkComments td:last-child {
     2574     width: 1% !important;
     2575}
     2576
     2577.snarkComments td {
     2578     white-space: nowrap;
     2579}
     2580
     2581.commentAuthorName {
     2582     background: url(images/author.png) left center no-repeat;
     2583     padding-left: 20px;
     2584}
     2585
     2586td.commentText {
     2587     white-space: normal;
     2588     text-align: justify;
     2589}
     2590
     2591.commentWrapper {
     2592     border: 1px solid #bbf;
     2593     margin: 2px 0;
     2594     padding: 8px 10px 8px 26px;
     2595     border-radius: 3px;
     2596     box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(0,0,0,0.3);
     2597     background: url(images/comment.png) 6px center no-repeat #eef;
     2598     background-blend-mode: luminosity;
     2599}
     2600
     2601.commentText .optbox {
     2602     position: fixed;
     2603     right: 20px;
     2604     top: 10px;
     2605}
     2606
     2607#commentsConfig .optbox {
     2608     vertical-align: middle !important;
     2609}
     2610
     2611.snarkComments select {
     2612     margin-right: 0 !important;
     2613}
     2614
     2615#commentDeleteAction {
     2616     border-top: 1px solid #bbf;
     2617     background: linear-gradient(to bottom, #fff, #eef);
     2618}
     2619
     2620#commentDeleteAction td {
     2621     padding-right: 6px;
     2622}
     2623
     2624.commentAction, .commentDelete {
     2625     width: 1%;
     2626     white-space: nowrap;
     2627     min-width: 180px !important;
     2628     padding-left: 0;
     2629}
     2630
     2631.addCommentText, .commentText {
     2632     padding-right: 0;
     2633}
     2634
     2635.commentAction input[type="submit"] {
     2636     margin-top: 10px;
     2637     margin-bottom: 10px;
     2638}
     2639
     2640.commentDelete {
     2641     text-align: left;
     2642}
     2643
     2644#newRating td {
     2645     padding-top: 10px !important;
     2646     padding-bottom: 10px !important;
     2647}
     2648
     2649#myRating td:empty {
     2650     padding: 0 !important;
     2651     border-top: none !important;
     2652     border-bottom: none !important;
     2653}
     2654
     2655#myRating td:empty::after { /* hides My Ratings row when Ratings disabled  */
     2656     min-height: 1px !important;
     2657}
     2658
     2659.commentRating img {
     2660     margin: 0 0 4px;
     2661     padding: 0;
     2662     font-size: 14pt;
     2663     color: #FF7200;
     2664     text-shadow: 0 0 1px #900;
     2665     filter: none;
     2666}
     2667
     2668/* end Comments section */
  • installer/resources/themes/snark/dark/snark.css

    r63581d3 rfa73b48  
    26102610/* end responsive layout */
    26112611
     2612/* Comments Section */
     2613/* TODO: merge with other rules where applicable */
     2614
     2615.snarkCommentInfo, .snarkComments {
     2616     margin: 10px 0 0 !important;
     2617     border: 1px solid #494;
     2618     border-left: none;
     2619     border-right: none;
     2620     background: #001100 url("/themes/console/dark/images/camotile2.png") repeat scroll center bottom;
     2621     filter: drop-shadow(0px 0 1px rgba(16, 8, 16, 0.7));
     2622}
     2623
     2624.snarkCommentInfo th, .snarkComments th {
     2625     background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%)
     2626     padding: 8px 5px;
     2627}
     2628
     2629.snarkCommentInfo th:last-child {
     2630     text-align: right;
     2631}
     2632
     2633.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(even) {
     2634     background: #001000;
     2635     border-bottom: 1px inset #000;
     2636}
     2637
     2638.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(odd) {
     2639     background: #000800;
     2640     border-bottom: 1px inset #000;
     2641}
     2642
     2643.snarkCommentInfo th {
     2644     padding: 8px 5px;
     2645}
     2646
     2647.snarkCommentInfo td, .snarkComments td {
     2648     padding: 8px 5px;
     2649}
     2650
     2651.snarkCommentInfo td:first-child {
     2652     white-space: nowrap;
     2653}
     2654
     2655.snarkCommentInfo td:first-child {
     2656     font-weight: bold;
     2657}
     2658
     2659.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after {
     2660     content: "";
     2661     display: inline-block;
     2662     min-height: 32px;
     2663     vertical-align: middle;
     2664}
     2665
     2666.snarkCommentInfo input.accept {
     2667     float: right;
     2668     margin-right: 5px !important;
     2669}
     2670
     2671.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2672     width: 100%;
     2673     min-height: 64px;
     2674     height: 64px;
     2675     resize: vertical;
     2676}
     2677
     2678.snarkComments th {
     2679     text-align: left;
     2680}
     2681
     2682.commentRating, .commentAuthor {
     2683     width: 1%;
     2684}
     2685
     2686#nameRequired {
     2687     float: right;
     2688}
     2689
     2690.commentRating {
     2691     padding-right: 10px !important;
     2692}
     2693
     2694.commentRating img {
     2695     margin: 0;
     2696     padding: 0;
     2697}
     2698
     2699.commentDate {
     2700     width: 100px;
     2701     background: url(images/clock.png) left center no-repeat;
     2702     padding-left: 20px !important;
     2703}
     2704
     2705.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2706     width: 160px !important;
     2707     padding-right: 2px;
     2708}
     2709
     2710.snarkCommentInfo td:last-child, .snarkComments td:last-child {
     2711     width: 1% !important;
     2712}
     2713
     2714.snarkComments td {
     2715     white-space: nowrap;
     2716}
     2717
     2718.commentAuthorName {
     2719     background: url(images/author.png) left center no-repeat;
     2720     padding-left: 20px;
     2721}
     2722
     2723td.commentText {
     2724     white-space: normal;
     2725     text-align: justify;
     2726}
     2727
     2728.commentWrapper {
     2729     border: 1px solid #030;
     2730     margin: 2px 0;
     2731     padding: 8px 10px 8px 26px;
     2732     border-radius: 3px;
     2733     box-shadow: inset 0 0 0 1px #393, 0 0 1px 0 rgba(0,0,0,0.3);
     2734     background: url(images/comment.png) 6px center no-repeat #010;
     2735     background-blend-mode: luminosity;
     2736}
     2737
     2738.commentText .optbox {
     2739     position: fixed;
     2740     right: 20px;
     2741     top: 10px;
     2742}
     2743
     2744#commentsConfig .optbox {
     2745     vertical-align: middle !important;
     2746}
     2747
     2748.snarkComments select {
     2749     margin-right: 0 !important;
     2750}
     2751
     2752#commentDeleteAction {
     2753     border-top: 1px solid #494;
     2754     background: none;;
     2755}
     2756
     2757#commentDeleteAction td {
     2758     padding-right: 6px;
     2759}
     2760
     2761.commentAction, .commentDelete {
     2762     width: 1%;
     2763     white-space: nowrap;
     2764     min-width: 180px !important;
     2765     padding-left: 0;
     2766}
     2767
     2768.addCommentText, .commentText {
     2769     padding-right: 0;
     2770}
     2771
     2772.commentAction input[type="submit"] {
     2773     margin-top: 10px;
     2774     margin-bottom: 10px;
     2775}
     2776
     2777.commentDelete {
     2778     text-align: left;
     2779}
     2780
     2781#newRating td {
     2782     padding-top: 10px !important;
     2783     padding-bottom: 10px !important;
     2784}
     2785
     2786#myRating td:empty {
     2787     padding: 0 !important;
     2788     border-top: none !important;
     2789     border-bottom: none !important;
     2790}
     2791
     2792#myRating td:empty::after { /* hides My Ratings row when Ratings disabled  */
     2793     min-height: 1px !important;
     2794}
     2795
     2796.commentRating img {
     2797     margin: 0 0 4px;
     2798     padding: 0;
     2799     font-size: 14pt;
     2800     color: #FF7200;
     2801     text-shadow: 0 0 1px #900;
     2802     filter: none;
     2803}
     2804
     2805/* end Comments section */
  • installer/resources/themes/snark/light/snark.css

    r63581d3 rfa73b48  
    20592059/* end responsive layout */
    20602060
     2061/* Comments Section */
     2062/* TODO: merge with other rules where applicable */
     2063
     2064.snarkCommentInfo, .snarkComments {
     2065     margin: 10px 0 0 !important;
     2066     border: 1px solid #bbf;
     2067     border-left: none;
     2068     border-right: none;
     2069}
     2070
     2071.snarkCommentInfo th, .snarkComments th {
     2072     padding: 8px 5px;
     2073}
     2074
     2075.snarkCommentInfo th:last-child {
     2076     text-align: right;
     2077}
     2078
     2079.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(even) {
     2080     border-top: 1px solid #bbf;
     2081     background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fff;
     2082}
     2083
     2084.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(odd) {
     2085     border-top: 1px solid #bbf;
     2086     background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fff;
     2087}
     2088
     2089.snarkCommentInfo th {
     2090     padding: 8px 5px;
     2091}
     2092
     2093.snarkCommentInfo td, .snarkComments td {
     2094     padding: 8px 5px;
     2095}
     2096
     2097.snarkCommentInfo td:first-child {
     2098     white-space: nowrap;
     2099}
     2100
     2101.snarkCommentInfo td:first-child {
     2102     font-weight: bold;
     2103}
     2104
     2105.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after {
     2106     content: "";
     2107     display: inline-block;
     2108     min-height: 32px;
     2109     vertical-align: middle;
     2110}
     2111
     2112.snarkCommentInfo input.accept {
     2113     float: right;
     2114     margin-right: 5px !important;
     2115}
     2116
     2117.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2118     width: 100%;
     2119     min-height: 64px;
     2120     height: 64px;
     2121     resize: vertical;
     2122}
     2123
     2124.snarkComments th {
     2125     text-align: left;
     2126}
     2127
     2128.commentRating, .commentAuthor {
     2129     width: 1%;
     2130}
     2131
     2132#nameRequired {
     2133     float: right;
     2134}
     2135
     2136.commentRating {
     2137     padding-right: 10px !important;
     2138}
     2139
     2140.commentRating img {
     2141     margin: 0;
     2142     padding: 0;
     2143}
     2144
     2145.commentDate {
     2146     width: 100px;
     2147     background: url(images/clock.png) left center no-repeat;
     2148     padding-left: 20px !important;
     2149}
     2150
     2151.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2152     width: 160px !important;
     2153     padding-right: 2px;
     2154}
     2155
     2156.snarkCommentInfo td:last-child, .snarkComments td:last-child {
     2157     width: 1% !important;
     2158}
     2159
     2160.snarkComments td {
     2161     white-space: nowrap;
     2162}
     2163
     2164.commentAuthorName {
     2165     background: url(images/author.png) left center no-repeat;
     2166     padding-left: 20px;
     2167}
     2168
     2169td.commentText {
     2170     white-space: normal;
     2171     text-align: justify;
     2172}
     2173
     2174.commentWrapper {
     2175     border: 1px solid #bbf;
     2176     margin: 2px 0;
     2177     padding: 8px 10px 8px 26px;
     2178     border-radius: 3px;
     2179     box-shadow: inset 0 0 0 1px #fff, 0 0 1px 0 rgba(0,0,0,0.3);
     2180     background: url(images/comment.png) 6px center no-repeat #eef;
     2181     background-blend-mode: luminosity;
     2182}
     2183
     2184.commentText .optbox {
     2185     position: fixed;
     2186     right: 20px;
     2187     top: 10px;
     2188}
     2189
     2190#commentsConfig .optbox {
     2191     vertical-align: middle !important;
     2192}
     2193
     2194.snarkComments select {
     2195     margin-right: 0 !important;
     2196}
     2197
     2198#commentDeleteAction {
     2199     border-top: 1px solid #bbf;
     2200     background: linear-gradient(to bottom, #fff, #eef);
     2201}
     2202
     2203#commentDeleteAction td {
     2204     padding-right: 6px;
     2205}
     2206
     2207.commentAction, .commentDelete {
     2208     width: 1%;
     2209     white-space: nowrap;
     2210     min-width: 180px !important;
     2211     padding-left: 0;
     2212}
     2213
     2214.addCommentText, .commentText {
     2215     padding-right: 0;
     2216}
     2217
     2218.commentAction input[type="submit"] {
     2219     margin-top: 10px;
     2220     margin-bottom: 10px;
     2221}
     2222
     2223.commentDelete {
     2224     text-align: left;
     2225}
     2226
     2227#newRating td {
     2228     padding-top: 10px !important;
     2229     padding-bottom: 10px !important;
     2230}
     2231
     2232#myRating td:empty {
     2233     padding: 0 !important;
     2234     border-top: none !important;
     2235     border-bottom: none !important;
     2236}
     2237
     2238#myRating td:empty::after { /* hides My Ratings row when Ratings disabled  */
     2239     min-height: 1px !important;
     2240}
     2241
     2242.commentRating img {
     2243     margin: 0 0 4px;
     2244     padding: 0;
     2245     font-size: 14pt;
     2246     color: #FF7200;
     2247     text-shadow: 0 0 1px #900;
     2248     filter: none;
     2249}
     2250
     2251/* end Comments section */
  • installer/resources/themes/snark/midnight/snark.css

    r63581d3 rfa73b48  
    25442544/* end responsive layout */
    25452545
     2546/* Comments Section */
     2547/* TODO: merge with other rules where applicable */
     2548
     2549.snarkCommentInfo, .snarkComments {
     2550     margin: 10px 0 0 !important;
     2551     background: #270027 none repeat scroll 0 0;
     2552     border: 1px solid #443da0;
     2553     filter: drop-shadow(0px 0 1px rgba(16, 8, 16, 0.7));
     2554}
     2555
     2556.snarkCommentInfo th, .snarkComments th {
     2557     background: linear-gradient(to bottom, #121225, #00000d);
     2558     padding: 8px 5px;
     2559}
     2560
     2561.snarkCommentInfo th:last-child {
     2562     text-align: right;
     2563}
     2564
     2565.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(even) {
     2566     background: #010010;
     2567     border-bottom: 1px inset #12111f;
     2568}
     2569
     2570.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(odd) {
     2571     background: #010008;
     2572     border-bottom: 1px inset #12111f;
     2573}
     2574
     2575.snarkCommentInfo th {
     2576     padding: 8px 5px;
     2577}
     2578
     2579.snarkCommentInfo td, .snarkComments td {
     2580     padding: 8px 5px;
     2581}
     2582
     2583.snarkCommentInfo td:first-child {
     2584     white-space: nowrap;
     2585}
     2586
     2587.snarkCommentInfo td:first-child {
     2588     font-weight: bold;
     2589}
     2590
     2591.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after {
     2592     content: "";
     2593     display: inline-block;
     2594     min-height: 32px;
     2595     vertical-align: middle;
     2596}
     2597
     2598.snarkCommentInfo input.accept {
     2599     float: right;
     2600     margin-right: 5px !important;
     2601}
     2602
     2603.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2604     width: 100%;
     2605     min-height: 64px;
     2606     height: 64px;
     2607     resize: vertical;
     2608}
     2609
     2610.snarkComments th {
     2611     text-align: left;
     2612}
     2613
     2614.commentRating, .commentAuthor {
     2615     width: 1%;
     2616}
     2617
     2618#nameRequired {
     2619     float: right;
     2620}
     2621
     2622.commentRating {
     2623     padding-right: 10px !important;
     2624}
     2625
     2626.commentRating img {
     2627     margin: 0;
     2628     padding: 0;
     2629}
     2630
     2631.commentDate {
     2632     width: 100px;
     2633     background: url(images/clock.png) left center no-repeat;
     2634     padding-left: 20px !important;
     2635}
     2636
     2637.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2638     width: 160px !important;
     2639     padding-right: 2px;
     2640}
     2641
     2642.snarkCommentInfo td:last-child, .snarkComments td:last-child {
     2643     width: 1% !important;
     2644}
     2645
     2646.snarkComments td {
     2647     white-space: nowrap;
     2648}
     2649
     2650.commentAuthorName {
     2651     background: url(images/author.png) left center no-repeat;
     2652     padding-left: 20px;
     2653}
     2654
     2655td.commentText {
     2656     white-space: normal;
     2657     text-align: justify;
     2658}
     2659
     2660.commentWrapper {
     2661     border: 1px solid #003;
     2662     margin: 2px 0;
     2663     padding: 8px 10px 8px 26px;
     2664     border-radius: 3px;
     2665     box-shadow: inset 0 0 0 1px #339, 0 0 1px 0 rgba(0,0,0,0.3);
     2666     background: url(images/comment.png) 6px center no-repeat #002;
     2667     background-blend-mode: luminosity;
     2668}
     2669
     2670.commentText .optbox {
     2671     position: fixed;
     2672     right: 20px;
     2673     top: 10px;
     2674}
     2675
     2676#commentsConfig .optbox {
     2677     vertical-align: middle !important;
     2678}
     2679
     2680.snarkComments select {
     2681     margin-right: 0 !important;
     2682}
     2683
     2684#commentDeleteAction {
     2685     border-top: 1px solid #443da0;
     2686     background: linear-gradient(to bottom, #000018, #00000d);
     2687}
     2688
     2689#commentDeleteAction td {
     2690     padding-right: 6px;
     2691}
     2692
     2693.commentAction, .commentDelete {
     2694     width: 1%;
     2695     white-space: nowrap;
     2696     min-width: 180px !important;
     2697     padding-left: 0;
     2698}
     2699
     2700.addCommentText, .commentText {
     2701     padding-right: 0;
     2702}
     2703
     2704.commentAction input[type="submit"] {
     2705     margin-top: 10px;
     2706     margin-bottom: 10px;
     2707}
     2708
     2709.commentDelete {
     2710     text-align: left;
     2711}
     2712
     2713#newRating td {
     2714     padding-top: 10px !important;
     2715     padding-bottom: 10px !important;
     2716}
     2717
     2718#myRating td:empty {
     2719     padding: 0 !important;
     2720     border-top: none !important;
     2721     border-bottom: none !important;
     2722}
     2723
     2724#myRating td:empty::after { /* hides My Ratings row when Ratings disabled  */
     2725     min-height: 1px !important;
     2726}
     2727
     2728.commentRating img {
     2729     margin: 0 0 4px;
     2730     padding: 0;
     2731     font-size: 14pt;
     2732     color: #FF7200;
     2733     text-shadow: 0 0 1px #900;
     2734     filter: none;
     2735}
     2736
     2737/* end Comments section */
  • installer/resources/themes/snark/ubergine/snark.css

    r63581d3 rfa73b48  
    20732073     background: #000;
    20742074     margin: -33px 0 -12px;
     2075     border-radius: 0 0 4px 4px;
    20752076}
    20762077
     
    26722673/* end responsive layout */
    26732674
     2675/* Comments Section */
     2676/* TODO: merge with other rules where applicable */
     2677
     2678.snarkCommentInfo, .snarkComments {
     2679     margin: 10px 0 0 !important;
     2680     background: #270027 none repeat scroll 0 0;
     2681     border: 1px solid #101;
     2682     filter: drop-shadow(0px 0 1px rgba(16, 8, 16, 0.7));
     2683}
     2684
     2685.snarkCommentInfo th, .snarkComments th {
     2686     background: linear-gradient(to bottom, #202, #101) repeat scroll 0 0;
     2687     padding: 8px 5px;
     2688}
     2689
     2690.snarkCommentInfo th:last-child {
     2691     text-align: right;
     2692}
     2693
     2694.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(even) {
     2695     background: #351933;
     2696     border-bottom: 1px solid #101;
     2697}
     2698
     2699.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(odd) {
     2700     background: #270027;
     2701     border-bottom: 1px solid #101;
     2702}
     2703
     2704.snarkCommentInfo th {
     2705     padding: 8px 5px;
     2706}
     2707
     2708.snarkCommentInfo td, .snarkComments td {
     2709     padding: 8px 5px;
     2710}
     2711
     2712.snarkCommentInfo td:first-child {
     2713     white-space: nowrap;
     2714}
     2715
     2716.snarkCommentInfo td:first-child {
     2717     font-weight: bold;
     2718}
     2719
     2720.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after {
     2721     content: "";
     2722     display: inline-block;
     2723     min-height: 32px;
     2724     vertical-align: middle;
     2725}
     2726
     2727.snarkCommentInfo input.accept {
     2728     float: right;
     2729     margin-right: 5px !important;
     2730}
     2731
     2732.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2733     width: 100%;
     2734     min-height: 64px;
     2735     height: 64px;
     2736     resize: vertical;
     2737}
     2738
     2739.snarkComments th {
     2740     text-align: left;
     2741}
     2742
     2743.commentRating, .commentAuthor {
     2744     width: 1%;
     2745}
     2746
     2747#nameRequired {
     2748     float: right;
     2749}
     2750
     2751.commentRating {
     2752     padding-right: 10px !important;
     2753}
     2754
     2755.commentRating img {
     2756     margin: 0;
     2757     padding: 0;
     2758}
     2759
     2760.commentDate {
     2761     width: 100px;
     2762     background: url(images/clock.png) left center no-repeat;
     2763     padding-left: 20px !important;
     2764}
     2765
     2766.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2767     width: 160px !important;
     2768     padding-right: 2px;
     2769}
     2770
     2771.snarkCommentInfo td:last-child, .snarkComments td:last-child {
     2772     width: 1% !important;
     2773}
     2774
     2775.snarkComments td {
     2776     white-space: nowrap;
     2777}
     2778
     2779.commentAuthorName {
     2780     background: url(images/author.png) left center no-repeat;
     2781     padding-left: 20px;
     2782}
     2783
     2784td.commentText {
     2785     white-space: normal;
     2786     text-align: justify;
     2787}
     2788
     2789.commentWrapper {
     2790     border: 1px solid #101;
     2791     margin: 2px 0;
     2792     padding: 8px 10px 8px 26px;
     2793     border-radius: 3px;
     2794     background: #303;
     2795     box-shadow: inset 0 0 0 1px #515, 0 0 1px 0 rgba(0,0,0,0.3);
     2796     background: url(images/comment.png) 6px center no-repeat #303;
     2797     background-blend-mode: luminosity;
     2798}
     2799
     2800.commentText .optbox {
     2801     position: fixed;
     2802     right: 20px;
     2803     top: 10px;
     2804}
     2805
     2806.snarkComments select {
     2807     margin-right: 0 !important;
     2808}
     2809
     2810#commentDeleteAction {
     2811     background: linear-gradient(to bottom, #202, #101);
     2812     box-shadow: inset 0 0 0 1px #303;
     2813}
     2814
     2815#commentDeleteAction td {
     2816     padding-right: 6px;
     2817}
     2818
     2819.commentAction, .commentDelete {
     2820     width: 1%;
     2821     white-space: nowrap;
     2822     min-width: 180px !important;
     2823     padding-left: 0;
     2824}
     2825
     2826.addCommentText, .commentText {
     2827     padding-right: 0;
     2828}
     2829
     2830.commentAction input[type="submit"] {
     2831     margin-top: 10px;
     2832     margin-bottom: 10px;
     2833}
     2834
     2835.commentDelete {
     2836     text-align: left;
     2837}
     2838
     2839#newRating td {
     2840     padding-top: 10px !important;
     2841     padding-bottom: 10px !important;
     2842}
     2843
     2844#myRating td:empty {
     2845     padding: 0 !important;
     2846     border-top: none !important;
     2847     border-bottom: none !important;
     2848}
     2849
     2850#myRating td:empty::after { /* hides My Ratings row when Ratings disabled  */
     2851     min-height: 1px !important;
     2852}
     2853
     2854.commentRating img {
     2855     margin: 0 0 4px;
     2856     padding: 0;
     2857     font-size: 14pt;
     2858     color: #FF7200;
     2859     text-shadow: 0 0 1px #900;
     2860     filter: none;
     2861}
     2862
     2863/* end Comments section */
     2864
  • installer/resources/themes/snark/vanilla/snark.css

    r63581d3 rfa73b48  
    8989}
    9090
    91 td a:link {
     91th a:link, td a:link {
    9292     color: #cf0f00;
    9393     text-decoration: none;
     
    9696}
    9797
    98 td a:visited {
     98th a:visited, td a:visited {
    9999     color: #9F0B00 !important;
    100100}
    101101
     102th a:hover, th a:visited:hover, th a:focus, th a:visited:focus,
    102103td a:hover, td a:visited:hover, td a:focus, td a:visited:focus {
    103104     color: #df0067 !important;
     
    105106}
    106107
    107 td a:active, td a:visited:active {
     108th a:active, th a:visited:active, td a:active, td a:visited:active {
    108109     color: #FF2F85 !important;
    109110}
     
    25302531/* end responsive layout */
    25312532
     2533/* Comments Section */
     2534/* TODO: merge with other rules where applicable */
     2535
     2536.snarkCommentInfo, .snarkComments {
     2537     margin: 10px 0 0 !important;
     2538     background: #270027 none repeat scroll 0 0;
     2539     border: 1px solid #6f533e;
     2540     box-shadow: 0 0 2px 1px rgba(77, 69, 62, 0.3);
     2541     border-collapse: separate;
     2542}
     2543
     2544.snarkCommentInfo, .snarkComments {
     2545     border-top: none;
     2546     border-bottom: none;
     2547}
     2548
     2549.snarkCommentInfo tr:last-child td, .snarkComments tr:last-child td {
     2550     border-bottom: 1px solid #6f533e;
     2551}
     2552
     2553.snarkCommentInfo tr:first-child th, .snarkComments tr:first-child td {
     2554     border-top: 1px solid #6f533e;
     2555}
     2556
     2557.snarkCommentInfo th, .snarkComments th {
     2558     background: linear-gradient(to bottom, #efefef, #cfc7c2);
     2559     padding: 8px 5px;
     2560}
     2561
     2562.snarkCommentInfo th {
     2563     background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #efefef, #cfc7c2);
     2564     padding-left: 28px !important;
     2565}
     2566
     2567.snarkCommentInfo th:last-child {
     2568     text-align: right;
     2569}
     2570
     2571.snarkCommentInfo tr:nth-child(even), .snarkComments tr:nth-child(even) {
     2572     background: #dfd6d1;
     2573}
     2574
     2575.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(odd) {
     2576     background: #efe6e0;
     2577}
     2578
     2579.snarkCommentInfo th {
     2580     padding: 8px 5px;
     2581}
     2582
     2583.snarkCommentInfo td, .snarkComments td {
     2584     padding: 8px 5px;
     2585     border-bottom: 1px outset #efe8e0;
     2586     border-top: 1px outset #fff5ef;
     2587}
     2588
     2589.snarkCommentInfo td:first-child {
     2590     white-space: nowrap;
     2591}
     2592
     2593.snarkCommentInfo td:first-child {
     2594     font-weight: bold;
     2595}
     2596
     2597.snarkCommentInfo td:first-child::after, .snarkComments td:first-child::after {
     2598     content: "";
     2599     display: inline-block;
     2600     min-height: 32px;
     2601     vertical-align: middle;
     2602}
     2603
     2604.snarkCommentInfo input.accept {
     2605     float: right;
     2606     margin-right: 5px !important;
     2607}
     2608
     2609.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
     2610     width: 100%;
     2611     min-height: 64px;
     2612     height: 64px;
     2613     resize: vertical;
     2614}
     2615
     2616.snarkComments th {
     2617     text-align: left;
     2618}
     2619
     2620.commentRating, .commentAuthor {
     2621     width: 1%;
     2622}
     2623
     2624#nameRequired {
     2625     float: right;
     2626}
     2627
     2628.commentRating {
     2629     padding-right: 10px !important;
     2630}
     2631
     2632.commentRating img {
     2633     margin: 0 0 3px;
     2634     padding: 0;
     2635     font-size: 14pt;
     2636     color: #FF7200;
     2637     text-shadow: 0 0 1px #900;
     2638     filter: none;
     2639}
     2640
     2641.commentDate {
     2642     width: 100px;
     2643     background: url(images/clock.png) left center no-repeat;
     2644     padding-left: 20px !important;
     2645}
     2646
     2647.snarkCommentInfo td:first-child, .snarkComments td:first-child {
     2648     width: 160px !important;
     2649     padding-right: 2px;
     2650}
     2651
     2652.snarkCommentInfo td:last-child, .snarkComments td:last-child:not(.commentText:empty) {
     2653     width: 1% !important;
     2654}
     2655
     2656.snarkComments td {
     2657     white-space: nowrap;
     2658}
     2659
     2660.commentAuthorName {
     2661     background: url(images/author.png) left center no-repeat;
     2662     padding-left: 20px;
     2663}
     2664
     2665td.commentText {
     2666     white-space: normal;
     2667     text-align: justify;
     2668     padding-right: 0;
     2669}
     2670
     2671.commentWrapper {
     2672     border: 1px solid #6f533e;
     2673     margin: 4px 2px;
     2674     padding: 8px 10px 8px 26px;
     2675     border-radius: 2px;
     2676     box-shadow: 0 0 0 1px #fff inset; /* 0 0 1px 0 rgba(77, 69, 62, 0.7);*/
     2677     background: url(images/comment.png) 6px center no-repeat #fff6df;
     2678     background-blend-mode: luminosity;
     2679}
     2680
     2681#commentsConfig .optbox {
     2682     vertical-align: middle;
     2683     margin-left: 0;
     2684}
     2685
     2686.snarkComments select {
     2687     margin-right: 0 !important;
     2688}
     2689
     2690#commentDeleteAction {
     2691     background: linear-gradient(to bottom, #efefef, #cfc7c2);
     2692/*     box-shadow: inset 0 0 0 1px #efe8e0;*/
     2693     border: 1px solid #6f533e;
     2694}
     2695
     2696#commentDeleteAction td {
     2697     box-shadow: 0 0 0 1px #efe8e0 inset;
     2698     padding-right: 6px;
     2699}
     2700
     2701.commentdelete, .commentAction {
     2702     width: 1%;
     2703     white-space: nowrap;
     2704     min-width: 180px;
     2705}
     2706
     2707.commentAction input[type="submit"] {
     2708     margin-top: 10px;
     2709     margin-bottom: 10px;
     2710}
     2711
     2712.commentDelete {
     2713     text-align: left;
     2714}
     2715
     2716#newRating td {
     2717     padding-top: 10px !important;
     2718     padding-bottom: 10px !important;
     2719}
     2720
     2721/*
     2722.commentText:empty {
     2723     width: 90% !important;
     2724}
     2725*/
     2726
     2727#myRating td:empty {
     2728     padding: 0 !important;
     2729     border-top: none !important;
     2730     border-bottom: none !important;
     2731}
     2732
     2733.snarkComments #myRating td:empty::after { /* hides My Ratings row when Ratings disabled  */
     2734     min-height: 0 !important;
     2735}
     2736
     2737/*
     2738select[name="myRating"] option::before, select[name="myRating"] option[selected]::before {
     2739     content: "★ ";
     2740}
     2741
     2742select[name="myRating"] option[value="0"]::before {
     2743     content: "☆ ";
     2744}
     2745*/
     2746
     2747/* end Comments section */
Note: See TracChangeset for help on using the changeset viewer.